Question

我正在尝试使用angular-seed项目（https://github.com/angular/angular-seed）来启动一个新项目。我想添加一个新的指令。

创建了testDirective.js文件：

'use strict';

angular.module("myApp.testDirective", [])
.directive("testDirective",
        function() {
            return {
                template : "<h1>Made by a directive!</h1>"
            };
        });

将文件包含在index.html中，添加＆＃34; myApp.testDirective＆＃34;进入app.js，在view1.js中我添加了：

'use strict';

angular.module('myApp.view1', ['ngRoute','myApp.testDirective'])

.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/view1', {
    templateUrl: 'view1/view1.html',
    controller: 'View1Ctrl'
  });
}])

.controller('View1Ctrl', [function() {

}]);

和view1.html看起来像：

<p>This is the partial for view 1.</p>
<div testDirective></div>

但是，当我运行应用程序时，没有任何显示testDirective的位置。不知道我哪里出错了。

Answer 1

每当你想在html上使用指令时，你应该用大写字母前缀for (var idx in fullData.sections) { var section = fullData.sections[idx]; for (var gaugeIdx in section.gauges) { var gauge = section.gauges[gaugeIdx]; var topGauge = $scope.getGaugeData(gauge.id); if (topGauge.chartData) { topGauge.chartData[0].unshift(gauge.value); topGauge.chartLabels.unshift(dd); } else if (topGauge.chartData[0].unshift(gauge.value == 0)){ return topGauge.chartData[0].unshift(gauge.value == 1); } } }替换大写字母。指令规范化过程在编译指令时将-转换为test-directive。

testDirective

Answer 2

在HTML元素的开始标记内包含属性指令时，必须将它们转换为破折号。

<div test-directive>

AngularJS angular-seed启动项目添加指令

2 个答案: