国产探花免费观看_亚洲丰满少妇自慰呻吟_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的同學,后續繼續補充相關知識。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 毕节市| 盖州市| 大邑县| 平江县| 彝良县| 浦东新区| 九江县| 肥乡县| 张家界市| 石屏县| 迁安市| 辽宁省| 黑山县| 奈曼旗| 集贤县| 外汇| 景东| 竹北市| 昭平县| 武隆县| 上杭县| 清河县| 沾化县| 武安市| 玉环县| 施秉县| 交城县| 肃宁县| 威海市| 专栏| 张家口市| 仁化县| 罗江县| 神农架林区| 大同县| 拜城县| 武陟县| 廊坊市| 新密市| 秀山| 改则县|