angualr

来源:互联网 发布:金仕达交易软件 官网 编辑:程序博客网 时间:2024/04/28 16:23


ng-init 指令初始化 AngularJS 应用程序变量。

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>MY FIRST DAY OF ANGULAR.</title>
<script src='node_modules/.1.6.1@angular/angular.js'></script>
</head>
<body>
<div ng-app="">
<p>名字:<input type="text" ng-model="name"></p>
<h1>Hello   {{name}}</h1>
<!-- ng-init  在整个范围内有效 -->
<div ng-init="firstName='john'" >
<p>姓名为 <span ng-bind="firstName"></span></p>
</div>
</div>
</body>

</html>


所有的app的都只能在同一个项目中配置一次,所以具有h5性质的自定义指令具有更好的页面效果

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MY FIRST DAY OF ANGULAR.</title>
<script src='node_modules/.1.6.1@angular/angular.js'></script>
</head>
<body>
<div data-ng-app="" data-ng-init="firstName='green'">
<p>
姓名为<span data-ng-bind="firstName"></span>
</p>
</div>

</body>
</html>



0 0
原创粉丝点击