ng

1.指令

ng-app:當(dāng)angular檢測到ng-app的時候,就會認(rèn)為,從這里開始,以下的范圍都?xì)w屬于 ? angular管轄了,就會按照angular的解析方式來解析,所以必須要寫

ng-model:表示模型,將當(dāng)前的元素和輸入的元素綁定在一起,可以實現(xiàn)雙向綁定

ng-init:表示初始化一個屬性和屬性值 使用的方法 ng-init="name='youyou' "

ng-bind:表示將屬性和當(dāng)前元素綁定,可以接受到初始化的默認(rèn)值

使用方法如下:ng-bind="name"

ng-repeat:表示將數(shù)組中的值遍歷的循環(huán)出來

?? 包含的專有變量

?? $first:是否首條

? ? $last:是否尾條

? ? $middle:是否中間條,除了first和last以外都是middle

? ? $index:索引號,從0開始

使用方法如下:ng-repeat="name in names"

1為true,0為false? 通用潛規(guī)則是,0表示假,所有非零表示真。

ng-if 表示元素是否顯示,使用0 1表示顯示與否

ng-show 表示元素是否顯示,使用0 1表示顯示與否

ng-hide 表示元素是否隱藏,使用0 1表示顯示與否

2.模型

<div ng-app="app"> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ----M(module) ??

? ? ?? <div ng-controller="?Contrllers "> ? ? ? ----C(control) ?

? ? ? ? ? ? ? ? <p> {{name}} </p> ? ? ? ? ? ? ? ? ? ? ----V(view)

? ? ? ? ? ? ? ? <p ng-bind=" qing" </p>

? ? ? </div>

</div>

var App = angular.module("app", []); ? ? ?? ----創(chuàng)建一個模型名字叫app

App.controller('Contrllers', function($scope) {

? ?? $scope.name=' 123 ';

? ?? $scope.qing='567';

});

3.過濾器

currency 格式化數(shù)字為貨幣格式

filter 從數(shù)組項中選擇一個子集

orderBy 根據(jù)某個表達(dá)式排列數(shù)組

uppercase 格式化字符串為大寫。

$scope.qing='567';

var currency = $filter('currency');?

$scope.price = currency($scope.price);?

也可以使用管道符的方式? {{ qing | currency }} 轉(zhuǎn)換

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • AngularJS是什么?AngularJs(后面就簡稱ng了)是一個用于設(shè)計動態(tài)web應(yīng)用的結(jié)構(gòu)框架。首先,它是...
    200813閱讀 1,783評論 0 3
  • 大家好,我是IT修真院上海分院1期的Web學(xué)員劉洪利,今天給大家分享一下關(guān)于angular中的常見指令ng-if、...
    LHongLi閱讀 1,670評論 0 0
  • 本人即將大四,小白一個,這是第一次在學(xué)習(xí)論壇上寫點東西,因為想養(yǎng)成一個隨時記錄自己學(xué)習(xí)進(jìn)程的好習(xí)慣。因為公司里使用...
    山有木兮_卿有意閱讀 2,049評論 0 3
  • 01 基本的普世的智慧是什么? 如果你們只是記得一些孤立的事物,試圖把它們硬湊起來,那么你們無法真正地理解任何東西...
    我就是我09閱讀 600評論 0 0
  • “姐,我真的好想她”回想當(dāng)年已是十年之前。那年不但有跟今年一樣的大雪,還有四川特大地震。 十年前的地震讓災(zāi)區(qū)的人們...
    ceed2a21df00閱讀 99評論 0 0

友情鏈接更多精彩內(nèi)容