角度コントローラがXAMPP Webサービスに登録されていません

Question

エラー：$ controller：ctrlregこの名前のコントローラは登録されていません。私のスクリプトはすべて読み込まれ、すべてをindex.htmlに追加しました。

All scripts are loaded

マイコントローラ：

(function() { 
    angular.module("nsoftModule").controller("nsoftController", ["nsoftService", function(nsoftService) { 
     var self = this; 
     self.service = nsoftService; 
    }]) 
})(); 

マイディレクティブ：

(function() { 
    var weatherMod = angular.module("nsoftModule", []); 
    weatherMod.directive("nsoftDirective", function() { 
     return { 
      templateUrl: "Template/weatherTemplate.html", 
      controller: "nsoftController as nsoftCtrl" 
     } 
    }); 
})(); 

マイサービス：

(function() { 
    var weatherMod = angular.module("nsoftModule", []); 
    weatherMod.service("nsoftService", ["http", function(http) { 
     var service = this; 
    }]); 
})(); 

マイモジュール：

(function() { 
    var weatherMod = angular.module("nsoftModule", []); 
})(); 

マイテンプレート：

<div class="container"> 
    <div ng-controller="nsoftController"> 
     <p>Name : <input type="text" ng-model="name"></p> 
     <h1>Hello {{name}}</h1> 
    </div> 
</div> 

マイapp.js：

(function() { 
    angular.module("nsoftApp", ["nsoftModule"]); 
})(); 

そして、私のindex.html：

​​

Answer 1

理由だけで、あなたにグローバル変数を削除匿名の自己呼び出し変数を使用している変数は、 1つの無名関数。コントローラはまた、

<div class="container"> 
<div > 
    <p>Name : <input type="text" ng-model="nsoftCtrl.name"></p> 
    <h1>Hello {{nsoftCtrl.name}}</h1> 
</div> 

(function() { 
    angular.module("nsoftApp", ["nsoftModule"]); 
})();