angularjs常用标签


1、ng-app:告诉Angular他应该管理页面的那一部分,可以放在html元素上也可以放在div等标签上   

例如:<html ng-app="problem">

2、ng-controller:控制器,通过在body标签上包含一个控制器,则可以管理body标签之间的任何东西,也可以放在div上,来控制这一个div上的任何东西

例如:<body ng-controller="problemController">

3、ng-repeat:数组中每个元素进行for循环

例如:<tr ng-repeat="info in problem.infos">
                <td>
                <div>
                <p>{{info.ClientOrgName}}</p>
                <p>({{info.ClientPerson}}  {{info.ClientPhone}})</p>
                </div>
                </td>
                <td>{{info.BusinessName}}</td>
                <td>
                <a href="" ng-click="problem.viewProblemDepict($index)">{{info.ProblemDepict}}</a>
                </td>
                <td>{{info.CreatePerson}}</td>
                <td>
                <div ng-if="info.State==3"></div>
                <div ng-else>{{info.RealName}}</div>
                </td>
                <td>
  <div ng-if="info.State==1">未解决</div>
                  <div ng-if="info.State==2">已解决</div>
                  <div ng-if="info.State==3">完成</div>
  </td>
             </tr>
            <tr data-ng-if="problem.infos.length==0">
                <td colspan='8'>
                    <div style="text-align: center;">没有符合条件的项</div>
                </td>
            </tr>
         </table>

4、{{......}}:将变量的值插入到页面某部分和保持同步

5、ng-model=’…’:创建了输入字段和…的数据绑定,{{.......}}建立的是单向的联系

6、currency:过滤器,讲我们做的这个美元形式格式化

7、ng-click:点击事件

8、ng-bind:与{{......}}等价

9、ng-model:能与checkbox、input、radio等标准的元素正常的工作,如checkbox:SomeController中的$scope有一个youCheckedit的属性,选中为true没选中则为false

10、ng-change:change事件

12、ng-submit自动的阻止浏览器发送默认的post动作

13、ng-src、ng-href与src、href等同

14、ng-option:在select用到,就是讲option里的对象动态的生成。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM