Question

使用值配方时，我没有收到预期的消息。

我的输出为{{message}}，但我期待"hai services are working!!"

请分享我出错的地方。

HTML code：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>

Controller：Injector.js

var app = angular.module("injectormodule", ["servicemodule"])//name of service is servicemodule
    .controller("controllerInjector", ["$scope", "message", function($scope, message){
        $scope.message = message;
}]);

服务:(价值食谱）

var myapp = angular.module("servicemodule", [])
    .value("message", "hai services are working!!");

Answer 1

您需要将service注入controller并需要创建相同的模块。请参阅此示例工作fiddle，该示例使用服务方法获取文本。

在评论中也可以看到其他小提琴链接

Answer 2

您必须在servicemodule 之前定义injectormodule ，否则其创建将失败（因为无法找到servicemodule依赖关系）。

由于injectormodule创建失败，ng-app="injectormodule"也无法在DOM上引导Angular，因此不会解释像双括号（{{ message }}）这样的内容

这是一个有效的codepen。

我在Brackets练习Angular JS。在使用Value Recipe时，我没有得到正确的输出

2 个答案: