AngularJS ng-controller 指令

返回上一级

AngualrJS ng-controller 指令用于为你的应用添加控制器

控制器中可以编写代码,定义函数和变量,并使用 scope 对象来访问

语法

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

所有 HTML 元素都支持

参数值

描述
expression 控制器名

范例

为应用变量添加控制器

<div ng-app="myApp" ng-controller="myCtrl">

名:  <input type="text" ng-model="firstName"><br>
姓:  <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + lastName}}

</div>
<footer>简单教程,简单编程<br/>Copyright © 简单教程 www.twle.cn</footer>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "李";
    $scope.lastName = "白";
});
</script>

运行范例 »

返回上一级

学习 AngularJS

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.