Javascript 创建自定义指令无效_Javascript_Angularjs

Javascript 创建自定义指令无效

javascript angularjs

Javascript 创建自定义指令无效,javascript,angularjs,Javascript,Angularjs,我正在尝试创建自定义指令 <head> <script type="text/javascript" src="../Scripts/angular.min.js"></script> <script type="text/javascript" src="../Scripts/DataDirectives.js"></script> </head> <body style="ove

我正在尝试创建自定义指令

 <head>
    <script type="text/javascript" src="../Scripts/angular.min.js"></script>
    <script type="text/javascript" src="../Scripts/DataDirectives.js"></script>
    </head>
    <body  style="overflow: hidden" >
      <div ng-app="myApp">
        <SampleData></SampleData>
      </div>
    </body>

在名为datadirections.js的单独Javascript文件中，存在以下代码

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

app.directive('SampleData', function () {
    return {
        restrict: 'E',
        template: '<div>Sample Div,To test angular Directives</div>'
    };
});

var-app=angular.module（'myApp'，[]）；
应用程序指令（'SampleData'，函数（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});

因此，当我运行页面时，我看不到该页面上div元素的任何文本。

提前感谢您的帮助……：）

您有2个ng应用程序，并且您没有遵守所需的命名约定

var-app=angular.module（'myApp'，[]）；
app.directive（'sampleData'，function（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});
您有2个ng应用程序，并且您没有遵守所需的命名约定

var-app=angular.module（'myApp'，[]）；
app.directive（'sampleData'，function（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});
您有2个ng应用程序，并且您没有遵守所需的命名约定

var-app=angular.module（'myApp'，[]）；
app.directive（'sampleData'，function（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});
您有2个ng应用程序，并且您没有遵守所需的命名约定

var-app=angular.module（'myApp'，[]）；
app.directive（'sampleData'，function（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});
在html中写入指令名称：示例数据
在js sampleData中

var-app=angular.module（'myApp'，[]）；
应用程序指令（'sampleData'，函数（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});
在html中写入指令名称：示例数据
在js sampleData中

var-app=angular.module（'myApp'，[]）；
应用程序指令（'sampleData'，函数（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});
在html中写入指令名称：示例数据
在js sampleData中

var-app=angular.module（'myApp'，[]）；
应用程序指令（'sampleData'，函数（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});
在html中写入指令名称：示例数据
在js sampleData中

var-app=angular.module（'myApp'，[]）；
应用程序指令（'sampleData'，函数（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});
您正在使用camelcase命名约定在模板中定义角度指令。角度指令应在模板中声明，如示例数据
。然后在javascript文件中，您可以像sampleData
一样引用它
考虑到这些因素，应按以下方式更改代码：
<div ng-app="myApp">
   <sample-data></sample-data>
</div>



另一种选择是在现有元素中声明该指令。例如：
<div sample-data="exp"></dir>



在javascript中：
var app = angular.module('myApp', []);

app.directive('sampleData', function () {
    return {
        restrict: 'E',
        template: '<div>Sample Div,To test angular Directives</div>'
    };
});

var-app=angular.module（'myApp'，[]）；
应用程序指令（'sampleData'，函数（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});

请参阅sampleData
的小写版本
 您正在使用camelcase命名约定在模板中定义角度指令。角度指令应在模板中声明，如示例数据
。然后在javascript文件中，您可以像sampleData
一样引用它
考虑到这些因素，应按以下方式更改代码：
<div ng-app="myApp">
   <sample-data></sample-data>
</div>



另一种选择是在现有元素中声明该指令。例如：
<div sample-data="exp"></dir>



在javascript中：
var app = angular.module('myApp', []);

app.directive('sampleData', function () {
    return {
        restrict: 'E',
        template: '<div>Sample Div,To test angular Directives</div>'
    };
});

var-app=angular.module（'myApp'，[]）；
应用程序指令（'sampleData'，函数（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});

请参阅sampleData
的小写版本
 您正在使用camelcase命名约定在模板中定义角度指令。角度指令应在模板中声明，如示例数据
。然后在javascript文件中，您可以像sampleData
一样引用它
考虑到这些因素，应按以下方式更改代码：
<div ng-app="myApp">
   <sample-data></sample-data>
</div>



另一种选择是在现有元素中声明该指令。例如：
<div sample-data="exp"></dir>



在javascript中：
var app = angular.module('myApp', []);

app.directive('sampleData', function () {
    return {
        restrict: 'E',
        template: '<div>Sample Div,To test angular Directives</div>'
    };
});

var-app=angular.module（'myApp'，[]）；
应用程序指令（'sampleData'，函数（）{
返回{
限制：'E'，
模板：“示例Div，用于测试角度指令”
};
});

请参阅sampleData
的小写版本
 您正在使用camelcase命名约定在模板中定义角度指令。角度指令应在模板中声明，如示例数据
。然后在javascript文件中，您可以像sampleData
一样引用它
考虑到这些因素，应按以下方式更改代码：
<div ng-app="myApp">
   <sample-data></sample-data>
</div>



另一种选择是在现有元素中声明该指令。例如：
<div sample-data="exp"></dir>



在javascript中：
var app = angular.module('myApp', []);

app.directive('sampleData', function () {
    return {
        restrict: 'E',
        template: '<div>Sample Div,To test angular Directives</div>'
    };
});

var-app=angular.module（'myApp'，[]）；
应用指令（'sampleData'，fun