angularJs（1）指令
日期：2014-05-16 浏览次数：20359 次
angularJs（一）指令
script
2、指令的编写（短板）
1、调用
指令调用可以ng:bind, ng-bind, ng_bind, x-ng-bind , data-ng-bind这些方式
<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/angular-1.1.0.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-controller="Ctrl1">
Hello <input ng-model='name'> <hr/>
<span ng:bind="name"> <span ng:bind="name"></span> <br/>
<span ng_bind="name"> <span ng_bind="name"></span> <br/>
<span ng-bind="name"> <span ng-bind="name"></span> <br/>
<span data-ng-bind="name"> <span data-ng-bind="name"></span> <br/>
<span x-ng-bind="name"> <span x-ng-bind="name"></span> <br/>
</div>
</body>
</html>script
function Ctrl1($scope) {
$scope.name = 'angular';
}2、指令的编写（短板）
html
<!doctype html>
<html ng-app="time">
<head>
<script src="http://code.angularjs.org/angular-1.1.0.min.js"></script>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
