AngularJS指令

<title></title>
<!--
        作者:1719586064@qq.com
        时间:2017-11-10
        描述:引入AngularJS应用程序
        -->
        <script type="text/javascript" src="../../angular/angular.js" ></script>
        <script>
        /*定义AngularJS应用程序对象*/
       
        var app = angular.module("myApp",[]);
        /*创建控制器:通过app对象的controller方法*/
       
        app.controller("myCtrl",function($scope){
       
        //定义数据源
        $scope.arr = [{
       
        name:"三星",
        price:1111
        },{
        name:"三星GT",
        price:1234
        },{
        name:"三星TF",
        price:2324
        }];
       
        $scope.if = true;
        $scope.bind = "haha";
       
        $scope.haha = "双向数据绑定";
        $scope.num1 = 3;
        $scope.num2 = 5;
        });
       
        </script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>测试ng-repate指令:
<ul>
<li ng-repeat="x in arr track by $index">角标为: {{$index}}的值为:{{x}}</li>
</ul>
</p>
<p>测试指令ng-if指令:
<input type="checkbox" ng-model="if" />
<span ng-if="if">哈哈</span>
</p>

<p>测试ng-show指令:
<span ng-show="if">哈哈</span>
</p>

<p>测试ng-hide指令:
<span ng-hide="if">哈哈</span>
</p>
<p>测试ng-bind指令:
<!--不能绑定到input输入框中 -->
<!--<input type="text" ng-bind="bind" />-->
<span ng-bind="bind">fdadfsas</span>
</p>
<p>测试ng-bind指令:
<!--不能绑定到input输入框中 -->
请输入两个乘数:<input type="number" ng-model="num1" />*
<input type="number" ng-model="num2" />=<span>{{num1 * num2 }}</span>
</p>
</body>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值