相关疑难解决方法(0)

使用自关闭标记时不显示AngularJS元素指令

我有我的html文件指令

<add />
<back />
Run Code Online (Sandbox Code Playgroud)

并且指令在表格上

.directive('add', ['$window', ...
Run Code Online (Sandbox Code Playgroud)

.directive('back', ['$window', 
Run Code Online (Sandbox Code Playgroud)

这很好用.

如果我将指令更改为驼峰案例:

.directive('addPlayer', ['$window', ...

<add_player />
<back />
Run Code Online (Sandbox Code Playgroud)

<add:player />
<back />
Run Code Online (Sandbox Code Playgroud)

显示很好而

<add-player />  regular dash
<back />
Run Code Online (Sandbox Code Playgroud)

仅显示<add-player>,之后的所有内容均未显示.

有什么想法吗?

编辑:

我在这里得到了同样的行为

http://plnkr.co/edit/cpP4c2TyZwv5Y4BrNUBb?p=preview

directive angularjs

18
推荐指数
3
解决办法
5372
查看次数

Angular嵌套指令仅渲染第一个子节点

我有一个parent指令,其中包括两个子指令,firstsecond.我注意到只有第一个孩子被渲染.另外,如果我在第一个之前放置了一些任意的HTML标记,那么它都会被渲染,但是如果我把它们放在那之后那么它们就不会出现了.为什么是这样?

看到jsfiddle:

<!-- index.html -->
<div ng-app="myApp">
  <my-parent-dir />
</div>

<!-- main.js -->
var app = angular.module("myApp", []);
app.directive("myParentDir", function() {
    return {
        restrict: 'E',
        template: '<my-first-child /> <my-second-child />'
    };
});

app.directive("myFirstChild", function() {
    return {
        restrict: 'E',
        template: '<input type="text" placeholder="first">',
    };
});

app.directive("mySecondChild", function() {
    return {
        restrict: 'E',
        template: '<input type="text" placeholder="second">',
    };
});
Run Code Online (Sandbox Code Playgroud)

javascript angularjs

2
推荐指数
1
解决办法
239
查看次数

标签 统计

angularjs ×2

directive ×1

javascript ×1