javascript - ng-init 中的 html 标记

Question

我是 angularjs 初学者。我试图做这样的事情：

    <div ng-init="elements=
        [
          {
            element:'<a herf='www.google.com'>google</a>'
          },
          {
            element:'<a herf='www.yahoo.com'>yahoo</a>'
          }
        ]">
          <div ng-repeat="item in elements">
              <p>{{item.element}}</p>
          </div>
    </div>

它不起作用，我认为这是因为 a 标签内的单引号。有什么解决方法吗？

Answer 1

就像提到的@PSL 一样，您应该将该逻辑移动到控制器中：

$scope.elements = [
          {
            element:'<a href="www.google.com">google</a>'
          },
          {
            element:'<a href="www.yahoo.com">yahoo</a>'
          }
        ]

如果你想保留它ng-init，问题是你的href='...', 应该像上面的代码一样用双引号引起来。为了使用双引号，您需要像这样对它们进行转义：\". 你也拼错了href。

来自 AngularJS文档：

“ngInit 唯一合适的用途是为 ngRepeat 的特殊属性设置别名，如下面的演示所示。除了这种情况，您应该使用控制器而不是 ngInit 来初始化作用域上的值。”