我很迷惑.如果我ng-app每页只能使用一次,我如何在不同的.js文件中使用位于不同模块中的指令.看:
<script src='mainModule.js'/>
<script src='secondModule.js'/>
<body ng-app='mainModule'>
<my-thingy/>
<div>
<other-thingy/>
</div>
</body>
mainModule.js:
angular.module("mainModule",[]).directive("myThingy",function(){ ... })
secondModule.js:
angular.module("secondModule",[]).directive("otherThingy",function(){ ... })
那么,我现在如何指向页面上的secondModule,而不是从mainModule.js引用它
我是AngularJS的新手,我构建了一个简单的应用程序,其中包含以下页面.
1)index.html
2)View1.html
3)View2.html
我面临的问题是将应用程序路由到View1和View2.没有输出和浏览器.经过一些研究,我意识到从Angular 1.2版开始,需要包含单独的"angular-route.js"文件,但我没有帮助.你能不能研究一下并提供解决方案.
PS:我是Angular的新手,所以如果我犯了一个小错误,请饶恕我.
这是我的代码.
的index.html
<html data-ng-app="demoApp">
<head>
<title>Using AngularJS Directives and Data Binding</title>
<meta charset="UTF-8">
<script src="Scripts/angular.js"></script>
<script src="Scripts/angular-route.js"></script>
</head>
<body>
<div>
<!--Placeholder for Views-->
<div data-ng-view=""></div>
</div>
<script>
var demoApp = angular.module('demoApp',['ngRoute']);
demoApp.config(function($routeProvider){
//demoApp.config(['$routeProvider',function($routeProvider){
$routeProvider
.when('/view1',{
controller: 'SimpleController',
templateurl: 'Partials/View1.html'
})
.when('/view2',{
controller: 'SimpleController',
templateurl: 'Partials/View1.html'
})
.otherwise({ redirectTo: '/view1'});
});
demoApp.controller('SimpleController', function ($scope) {
$scope.customers = [
{name:'John Smith', city:'Phoenix'},
{name:'John Doe', city:'New York'},
{name:'Jane Doe', city:'San Fancisco'}
];
$scope.addCustomer = function() { …如何在单个页面中使用多个模块？
我读了一些文档,他们说我不能使用ngApp指令,应该使用angular.bootstrap.
我的HTML代码:
<div id="M1">
<div ng-controller="Ctrl">
<h1>Hello {{name}}</h1>
</div>
</div>
<div id="M2">
<div ng-controller="Ctrl">
[{{name}}]
</div>
</div>
我的角度代码:
var m1 = angular.module('M1', []);
m1.controller('Ctrl', function($scope) {
$scope.name = 'M1';
});
var module2 = angular.module('M2', []);
module2.controller('Ctrl', function($scope){
$scope.name = 'M2';
})
angular.bootstrap(document.getElementById('M1'), ['M1']);
angular.bootstrap(document.getElementById('M2'), ['M2']);
但它不起作用.
这是一个现场演示:http://plnkr.co/edit/dkyL8eacoC5ZohfwSWz1？p = preview
我是AngularJS的新手.我的讲师说ng-app可以在html,body,div标签等中使用.我的问题是,如果ng-app可以在html标签和body标签中使用,如果我在html标签而不是body标签中使用它,是否有任何用处？我的意思是,head标签是body和html的中间部分.当我使用html标签时,头标签是否有任何影响原因.希望我的问题很明确.
我是angularJS的新手.现在我正在尝试编写一个简单的角度应用程序.但我想知道该ng-app指令的作用.
<html ng-app>
而且是可以添加ng-app的div标签,而不是html标签？如果可能的话,是有之间的任何差别<html ng-app>和<div ng-app>,例如,操作效率？