AngularJS：JS Fiddle无法加载资源

Question

Fiddle

这是我的角度代码：

angular.module('TM', [])

.controller('protocolCtrl', function(){
    this.categoryText = 'Now looking at the protocol part'
})

.controller('categoryCtrl', function(){
    this.protocolText = 'Now looking at the category part'
})

.directive('modalDirective', function(){
    return {
        restrict: 'E',
        scope: {
            list: '='
        },
        template: ['<div id="modal" class="modal fade" role="dialog">',
                      '<div class="modal-dialog">',
                        '</div>',
                        '</div>'].join('')
    }
});

如果我直接在HTML文件中使用模板html，则会显示，但不会显示。

错误希望非常小，但任何帮助都会受到赞赏。

Answer 1

您的代码似乎很好。但是你的小提琴中的角度环节被破坏了。在制作Angular JS小提琴时，您应该从Angularjs.org网站复制CDN URL并将其添加为JS小提琴的外部资源。

https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js

<强>演示：

https://jsfiddle.net/DTcHh/10131/