JS

var myModule = angular.module("myModule", []);

myModule.controller('MyCtrl', ['$scope',

function($scope) {

$scope.Name = "Puppet";

}

]);

方式2: 手动启动

在没有ng-app的情况下，只需要在js中添加一段注册代码即可

JS

var myModule = angular.module("myModule", []);

myModule.controller('MyCtrl', ['$scope',

function($scope) {

$scope.Name = "Puppet";

}

]);

/**

* 这里要用ready函数等待文档初始化完成

*/

angular.element(document).ready(function() {

angular.bootstrap(document, ['myModule']);

});

方式3:多个ng-app

ng中，angular的ng-app是无法嵌套使用的，在不嵌套的情况下有多个ng-app，他默认只会启动第一个ng-app，第二个第三个需要手动启动(注意，不要手动启动第一个，虽然可以运行，但会抛异常)

JS

/**

* 第一个APP

* @type {[type]}

*/

var myModule1 = angular.module("myModule1", []);

myModule1.controller('MyCtrl', ['$scope',

function($scope) {

$scope.Name = "Puppet";

}

]);

// angular.element(document).ready(function() {

// angular.bootstrap(app1, ['MyModule1']);

// });

/**

* 第二个APP

* @type {[type]}

*/

var myModule2 = angular.module("myModule2", []);

myModule2.controller('MyCtrl', ['$scope',

function($scope) {

$scope.Name = "Vincent";

}

]);

angular.element(document).ready(function() {

angular.bootstrap(app2, ['myModule2']);

});