Question

嘿，我想知道是否有人可以帮助我并告诉我为什么我的指令没有在Webstorm 9.0中运行。为什么不加入我的指令呢？我认为这将是非常直接的，但似乎并没有注入它。

enter code here http://plnkr.co/edit/fKKS1TINMHT4yJF4c9Ol?p=preview

Answer 1

请将angular.module('docsSimpleDirective', ['index.html'])更改为angular.module('docsSimpleDirective', [])。 index.html不是依赖项。我们正在将js文件链接到html文件。而不是相反。

此外，请将<html ng-app>更改为<html ng-app='docsSimpleDirective'>因为我们已在docsSimpleDirective

中将模块名称指定为angular.module('docsSimpleDirective', [])

Answer 2

这是一个掠夺者为了明星你还没有在ng-app中定义你的名字，这就是为什么你的应用程序无法正常工作并且脚本文件的顺序不同。

http://plnkr.co/edit/2SthQC5fADsi1rdEhq3C?p=preview

var app = angular.module('docsSimpleDirective', []);

    app.controller('Controller', function($scope) {
      console.log('Hi');
        $scope.customer = {
            name: 'Naomi',
            address: '1600 Amphitheatre'
        };
    })
    .directive('myCustomer', function() {
        return {
            template: 'Name: {{customer.name}} Address: {{customer.address}}'
        };
    });

你的HTML

<!DOCTYPE html>
<html ng-app="docsSimpleDirective">

  <head>
    <link rel="stylesheet" href="style.css">

    <script src = "https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Hello Plunker!</h1>

    <div ng-controller="Controller">
    <div my-customer/>
</div>

  </body>




</html>

希望有所帮助

Simpledirective不注入。

2 个答案: