国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

AngularJS ng-controller 指令簡單實例

2019-11-20 09:21:49
字體:
來源:轉載
供稿:網友

AngularJS ng-controller 指令

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="myApp" ng-controller="myCtrl">Full Name: {{firstName + " " + lastName}}</div><script>var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {  $scope.firstName = "John";  $scope.lastName = "Doe";});</script><p>該實例演示了如何定義一個控制器及 scope 的使用。</p></body></html>

運行結果:

Full Name: John Doe

該實例演示了如何定義一個控制器及 scope 的使用。

定義和用法

ng-controller 指令用于為你的應用添加控制器。

在控制器中,你可以編寫代碼,制作函數和變量,并使用 scope 對象來訪問。

語法

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

所有 HTML 元素都支持。

參數值

描述
expression 控制器名。

希望能幫助學習AngularJS的同學,后續繼續補充相關知識。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 高碑店市| 白城市| 南城县| 郯城县| 武安市| 云梦县| 常宁市| 洞头县| 竹溪县| 遂溪县| 遂昌县| 嘉定区| 河曲县| 铁岭市| 武威市| 长岛县| 南投县| 保山市| 昭觉县| 娱乐| 云南省| 穆棱市| 阳朔县| 漠河县| 永泰县| 景德镇市| 扶绥县| 红原县| 宁阳县| 柘荣县| 南和县| 拉萨市| 涟源市| 潜山县| 栾城县| 衢州市| 淅川县| 吉首市| 吉首市| 阿拉善左旗| 图片|