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
- angualr
- angualr $q
- angualr 指令(二)
- Angualr的指令入门
- angualr使用技巧
- Angualr中的ng-class
- Angualr 组件间通信
- angualr学习笔记
- angualr操作dom
- 时间转化+angualr模态框
- Angualr指令中的scope
- Angualr基础入门
- angualr.js指令的详解
- angualr的$emit,$broadcast,$on
- Angualr中自定义指令模板
- angualr基础之组件通信
- ANGUALR JS学习环境搭建
- angualr js中的angular.bootstrap的使用
- Markdown编辑器使用使用说明--菜鸟自留
- JavaScript学习笔记(一)
- 4561: [JLoi2016]圆的异或并
- 如何学习正则表达式?总结一个分类
- Android 长连接实现
- angualr
- 关于null>=0为true
- LVS-TUN(Virtual Server via IP Tunneling)原理说明与配置用例
- MacBook 下的vi 命令文本输入命令
- 手机网页fixed定位抖动
- 安卓两个竖直方向滑动的view嵌套,解决事件冲突
- 剑指offer-----多行打印二叉树(java版)
- MAVEN 在Idea,改了版本号不能下载Jar。
- PHP中foreeach的用法详解及PHP的引用