帶有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來初始化作用域上的值。”