angularjs 菜鸟教程 angularjs控制器里的方法

angularjs控制器里的方法

AngularJS 应用程序被控制器控制。
ng-controller 指令定义了应用程序控制器。
控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数 创建。

名:

姓:

姓名: {{fullName()}}

var app = angular.module(myApp, [])
app.controller(personCtrl, function($scope) {
$scope.firstName = "John"
$scope.lastName = "Doe"
$scope.fullName = function() {
return $scope.firstName " " $scope.lastName
}
})

如何在angularjs NG

AngularJS支持通过在单个页面上的多个视图的单页应用。要做到这一点AngularJS提供ng-view 和 ng-template指令，以及 $routeProvider 服务。
ng-view
ng-view 标记只是简单地创建一个占位符，是一个相应的视图(HTML或ng-template视图)，可以根据配置来放置。
如何使用如下：
定义一个div与ng-view在主模块中。

ng-template
ng-template 指令是用来创建使用script标签的HTML视图。它包含一个用于由$routeProvider映射控制器视图“id”属性。
使用
定义类型作为主模块中 ng-template 的脚本块。