相关疑难解决方法(0)

我目前正在使用这段代码来呈现一个列表:

<ul ng-cloak>
    <div ng-repeat="n in list">
        <li><a href="{{ n[1] }}">{{ n[0] }}</a></li>
        <li class="divider"></i>
    </div>
    <li>Additional item</li> 
</ul>

但是,该<div>元素在某些浏览器上导致一些非常小的渲染缺陷.我想知道有没有办法在没有div容器的情况下进行ng-repeat,或者有一些替​​代方法来实现相同的效果.

我有一个非常简单的指令,我想从单独的HTML文件加载模板.我希望HTML替换指令,因此我将replace: true属性添加到指令中.但是,当我这样做时,模板根本不包括在内.

我创建了一个jsFiddle,你可以看到这个.如果您使用Firebug或其他东西来检查DOM,您可以看到当它仅使用template属性时它会替换元素.如果你取消了,replace: true你可以看到templateUrl附加到foo元素的HTML .但是,只要我添加了replace: true与templateUrl所有我看到的是<foo></foo>在DOM.

有什么理由你不能一起使用这两个属性？我远非javascript的专家,所以任何关于这里发生的事情的信息将不胜感激.

我有一个非常基本的场景(有点新的角度).我正在尝试转换JSON:

[
    {'name': 'Nick'},
    {'name': 'David'},
    {'name': 'John'},
]

至:

<p>Nick,David,John</p>

但我无法弄清楚如何生成单个"p".你如何称之为ng-repeat<p>

<p ng-repeat="item in menuItems">{{item.name}}</p>

我是 AngularJS 的新手。无法找到一种方法将几个li项目一起包含在一个ng-if. Knockout 有虚拟元素来完成这些工作，就像这样

<ul>
    <li>This item always appears</li>
    <!-- ko if: someExpressionGoesHere -->
        <li>I want to make this item present/absent dynamically</li>
        <li>I want to make this item present/absent dynamically</li>
    <!-- /ko -->
</ul>

将不胜感激帮助。

更新：在引导程序的导航中使用时，将其封闭在容器内，例如<div>or<span>会扭曲视图：

<div ng-if="!auth.user">
   <li>
    <a href="#!/signup">Sign up <span class="glyphicon glyphicon-list-alt"></span></a>
    </li>
    <li>
    <a href="#!/login">Sign in <span class="glyphicon glyphicon-log-in"></span></a>
    </li>
</div>

桑杰