以下示例时,角度指令不起作用

时间:2014-11-24 22:52:04

标签: angularjs

我一直在观看YouTube http://youtu.be/QwaVgz-GSXY?t=2m33s以及其他人的以下视频,因为我正在尝试学习Angular并阅读其他帖子等,但我似乎无法让下面的代码工作,我查看了Google开发人员工具中的回复,但没有错误。

任何人都可以看到我出错的地方

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
    <script src="~/Scripts/AngularJs/myApp.js"></script>

/* use strict */
var app = angular.module('MyApp', []);
app.directive('test', function () {
    return {
        restrict: 'E',
        transclude: true,
        template:'<h2>Does this work</h2>'
    }
});


<div id="test" ng-app="MyApp">
            <test></test>
        </div>

1 个答案:

答案 0 :(得分:0)

请参阅下面的工作演示

&#13;
&#13;
var app = angular.module('MyApp', []);
app.directive('test', function() {
  return {
    restrict: 'E',
    transclude: true,
    template: '<h2>Does this work</h2>'
  }
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="MyApp">
  
    <test></test>
 
</div>
&#13;
&#13;
&#13;