値のレシピを使用するときに予想されるメッセージが表示されません。私はブラケットでAngular JSを練習しています。値のレシピを使用しているときに、正しい出力が得られません
私は{{message}}
として出力を取得していますが、私は私が間違ってつもりどこ
"hai services are working!!"
を共有してください期待しています。
HTMLコード:Injector.html
<!DOCTYPE html>
<html>
<head>
<title>Practicing Angular JS</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
<script src="Injector.js"></script> <!-- Injector module file name -->
</head>
<body ng-app="injectormodule"> <!-- root module-->
<div ng-controller="controllerInjector">
{{message}}
<!-- controller name-->
</div>
</body>
</html>
コントローラー:Injector.js
var app = angular.module("injectormodule", ["servicemodule"])//name of service is servicemodule
.controller("controllerInjector", ["$scope", "message", function($scope, message){
$scope.message = message;
}]);
サービス:(バリューレシピ)あなたのservice
controller
にを注入する必要が
var myapp = angular.module("servicemodule", [])
.value("message", "hai services are working!!");
モジュールにないコントローラにサービスを注入する必要があります。そうですね、それはただの価値ではないことが分かります。そしてそれは同じです、あなたはあなたがそれを使用したいと思うものをコントローラーに注入します。 –
私は以下のようにしてみましたが、まだ{{message}}を出力しています。サービスの名前は .controller( "controllerInjector"、 ""スコープ "、"メッセージ "" servicemodule "関数($スコープ、メッセージ、servicemodule){ $、" injectormodule "、[]) scope.message = message; }]); – Sourabh