网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

angular.js的简单使用

时间:2024-10-21 18:45:31

1、<body> <div> <p>数字: {{ 5 + 5 }}</p&爿讥旌护gt; </div> <div ng-app="" ng-init="quantity=1;cost=5"> <p>数字乘积: {{ quantity * cost }}</p> <p>数字使用: <span ng-bind="quantity * cost"></span></p> </div> <div ng-app="" ng-init="quantity1=1;cost1=5"> <p>在这里是没有办法正常使用的,必须在ng-app属性包含的程序里面,ng-app用于声明程序为angular程序</p> </div> </body>

angular.js的简单使用

3、<!--对象的使用--><div ng-app="" ng-init="person={name:'zhangsan',age:26}"><p>姓名: {{ person.name }}<br>年龄:{{person.age}}</p></div>

angular.js的简单使用

5、实现内容输入下面实时展示输入的内容<div ng-app="" ng-init=""> <p>在下面输入框输入内容</p> <p>姓名:<input type="text" ng-model="name"></p> <p>你输入的为: {{ name }}</p> </div>

angular.js的简单使用

7、循环数组方法:使用ng-repeat遍历数组;<div ng-app="" ng-init="names=['zs','ls','ww']"> <ul> <li ng-repeat="x in names"> {{ x }} </li> </ul> </div> </body>

angular.js的简单使用
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com