ng-app宣言内にAngularJSコードを定義する

私はAngularJSで実験しているSharePointの管理者です。私はいくつかのAngularJSアプリケーションをページの別々の部分に含めるページに取り組んでいます。各アプリケーションは別々のインクルードファイルで定義されているので、javascriptはページの本文に埋め込まれます。ページ上の複数のアプリケーションに関連する問題のため、私は考えてみました。マスターページに単一のng-app宣言を設定しましょう。ng-app宣言内にAngularJSコードを定義する

<body ng-app="SharePointAngApp">

私が言ったように、コード定義は、コンテンツエディタWebパーツを使用してbodyタグ挿入の内側にあります。

var AngularApp = angular.module('SharePointAngApp',[]); 
AngularApp.controller('spStockTicker',function($scope, $http) {

と

var JCAngularApp = angular.module('SharePointAngApp',['ngSanitize']); 
JCAngularApp.controller('spJimConnect',['$scope','$http','$sce',function($scope, $http,$sce) {

しかし、今、私はエラーを取得しています：angular.min.js:107 Error: [ng:areq] http://errors.angularjs.org/1.4.5/ng/areq?p0=spJimConnect&p1=not%20a%20function%2C%20got%20undefined

が可能これは、またはJavaScriptがNGアプリのコンテナoutsite座っているん。

出典

2016-09-15 Robbert

同じモジュール名を2回宣言することはできません。あなたはかなりのアプリをブートストラップ手動で検討する必要があるかもしれません

あなたは、主なものも

var AngularApp = angular.module('SharePointAngApp',['SharePointAngApp-2']); 
var JCAngularApp = angular.module('SharePointAngApp-2',['ngSanitize']);

あなたがこれを行うために必要とされている方法の依存関係として、第2（またはそれ以上）のモジュールが含まれるように最善をオフになりますng-appを使用するよりも

これは、必要に応じて依存関係の配列を構築するのに役立ちます。

出典

2016-09-15 00:30:44 charlietfl

それを修正しました。ありがとう。 – Robbert

ng-app宣言内にAngularJSコードを定義する

答えて

関連する問題