angular js中的自定义指令

拉杰什瓦尔

为什么Angular js中的这个自定义指令对我不起作用我只得到用户:但没有获得我在userinfo自定义指令标记中传递的用户名

user_directive_index.html文件:

<html ng-app='app' >
<head>
</head>
<title>
User Directive
</title>
<body >

<div>
<div ng-model='firstcontroller'>
<userinfo user="Raj"></userinfo>
</br>
<userinfo user="Sudhir"></userinfo>
</div>
</div>
<script type="text/javascript" src="../js/angular.min.js"></script>
<script src='app.js'></script>
</body>
</html>

App.js文件

var app1=angular.module('app',[]);
app1.controller('firstcontroller',function($scope){
$scope.Raj={};
$scope.Raj.firstname='Rajeshwar';
$scope.Raj.lastname='Bose';
$scope.Sudhir={};
$scope.Sudhir.firstname='Sudhir';
$scope.Sudhir.lastname='Ranjan';

});

app1.directive('userinfo',function(){
var directive={};

directive.restrict='E';
directive.template='User:{{user.firstname}} {{user.lastname}}';

directive.scope={
user:"= user"
};

return directive;
});

我从以下网址获得了此代码:http : //tutorials.jenkov.com/angularjs/custom-directives.html

拉希尔·瓦齐尔(Rahil Wazir)

您必须在ngModel这里更改指令

<div ng-model='firstcontroller'>
        ^^^^^

ngController

<div ng-controller='firstcontroller'>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在angular js中实现自定义指令?

来自分类Dev

Angular JS reset自定义指令

来自分类Dev

Angular.JS自定义指令不起作用

来自分类Dev

Angular JS:Javascript在自定义指令模板中不起作用

来自分类Dev

Angular.js中带有bindonce的自定义指令值

来自分类Dev

将值传递给angular js中的自定义指令

来自分类Dev

在Angular JS中单击按钮时添加自定义指令

来自分类Dev

Angular JS:Javascript在自定义指令模板中不起作用

来自分类Dev

哪些参数要传递到Angular JS自定义指令控制器中?

来自分类Dev

属性未在angular js中的自定义指令上设置

来自分类Dev

在Angular中的自定义指令中侦听鼠标事件

来自分类Dev

Angular中的多个自定义指令范围

来自分类Dev

为Angular中的自定义指令保留的名称空间?

来自分类Dev

jstree angular指令中不同节点的自定义Contexmenu

来自分类Dev

如何在angular中创建自定义指令

来自分类Dev

Angular js中的自定义“ cellfilter”

来自分类Dev

angular 2自定义指令OnInit

来自分类Dev

离子自定义指令被Angular忽略

来自分类Dev

Angular自定义指令未被调用

来自分类Dev

我可以以编程方式在自定义指令中应用Angular验证指令吗?

来自分类Dev

Angular JS指令定义-需要ngModelController以及自定义控制器

来自分类Dev

Angular.js + require.js + jQuery插件自定义指令

来自分类Dev

Angular 9-自定义指令中的NgModel更改了Angular 7的行为

来自分类Dev

Angular JS自定义指令-属性绑定到字符串或作用域变量

来自分类Dev

如何在Angular Js中将自定义指令映射到我的html页面

来自分类Dev

Angular.js:Slick无法与自定义指令一起正常使用

来自分类Dev

Angular JS 自定义指令不适用于 iOS 设备

来自分类Dev

Angular自定义指令中的动态模板(在嵌套ng-repeats中)不起作用

来自分类Dev

在Angular JS中向$ resource添加自定义方法

Related 相关文章

  1. 1

    如何在angular js中实现自定义指令?

  2. 2

    Angular JS reset自定义指令

  3. 3

    Angular.JS自定义指令不起作用

  4. 4

    Angular JS:Javascript在自定义指令模板中不起作用

  5. 5

    Angular.js中带有bindonce的自定义指令值

  6. 6

    将值传递给angular js中的自定义指令

  7. 7

    在Angular JS中单击按钮时添加自定义指令

  8. 8

    Angular JS:Javascript在自定义指令模板中不起作用

  9. 9

    哪些参数要传递到Angular JS自定义指令控制器中?

  10. 10

    属性未在angular js中的自定义指令上设置

  11. 11

    在Angular中的自定义指令中侦听鼠标事件

  12. 12

    Angular中的多个自定义指令范围

  13. 13

    为Angular中的自定义指令保留的名称空间?

  14. 14

    jstree angular指令中不同节点的自定义Contexmenu

  15. 15

    如何在angular中创建自定义指令

  16. 16

    Angular js中的自定义“ cellfilter”

  17. 17

    angular 2自定义指令OnInit

  18. 18

    离子自定义指令被Angular忽略

  19. 19

    Angular自定义指令未被调用

  20. 20

    我可以以编程方式在自定义指令中应用Angular验证指令吗?

  21. 21

    Angular JS指令定义-需要ngModelController以及自定义控制器

  22. 22

    Angular.js + require.js + jQuery插件自定义指令

  23. 23

    Angular 9-自定义指令中的NgModel更改了Angular 7的行为

  24. 24

    Angular JS自定义指令-属性绑定到字符串或作用域变量

  25. 25

    如何在Angular Js中将自定义指令映射到我的html页面

  26. 26

    Angular.js:Slick无法与自定义指令一起正常使用

  27. 27

    Angular JS 自定义指令不适用于 iOS 设备

  28. 28

    Angular自定义指令中的动态模板(在嵌套ng-repeats中)不起作用

  29. 29

    在Angular JS中向$ resource添加自定义方法

热门标签

归档