手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >AngularJS基础 ng-init 指令简单示例
AngularJS基础 ng-init 指令简单示例
摘要:AngularJSng-init指令AngularJS实例初始化应用时创建一个变量:{{myText}}ng-init指令创建了Angula...

AngularJS ng-init 指令

AngularJS 实例

初始化应用时创建一个变量:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app="" ng-init="myText='Hello World!'"> <h1>{{myText}}</h1> <p> ng-init 指令创建了 AngularJS 变量,你可以在应用中使用它。</p> </div> </body> </html>

定义和用法

ng-init 指令执行给定的表达式。

ng-init 指令添加一些不必要的逻辑到 scope 中,建议你可以在控制器中 ng-controller 指令执行它 。

语法

<element ng-init="expression" ></element>

所有的 HTML 元素都支持该指令。

参数值

值 描述
expression 执行的表达式。

以上就是对ng-init 指令的资料整理,有需要的朋友参考下。

【AngularJS基础 ng-init 指令简单示例】相关文章:

JavaScript实现弹出模态窗体并接受传值的方法

javascript实现简单的进度条

详解AngularJS中的表格使用

三种AngularJS中获取数据源的方式

Javascript 字符串模板的简单实现

JavaScript实现Flash炫光波动特效

AngularJS 最常用的功能汇总

angular2使用简单介绍

简介AngularJS中$http服务的用法

详解AngularJS中的http拦截

精品推荐
分类导航