解析:在指令内运行角度代码的语法错误

时间:2014-08-23 17:26:18

标签: angularjs

以下代码在控制台中为我提供了Error: [$parse:syntax]

          <ul class="nav navbar-nav" ng-repeat="webpage in first.webpages">
            <li><a  href ng-click="tab = {{webpage.id}}">{{webpage.name}}</a></li>
          </ul>

ng-repeat仅针对{{webpage.name}}正常工作,而不适用于位于{{webpage.id}}指令内的ng-click。当我尝试打印{{tab}}时,没有任何显示。

2 个答案:

答案 0 :(得分:1)

我相信你不需要角形元素内的双括号。并且你需要在ng-repeat中调用父范围:

ng-click="$parent.tab = webpage.id"

答案 1 :(得分:1)

应该是:

      <ul class="nav navbar-nav" ng-repeat="webpage in first.webpages">
        <li><a  href ng-click="tab = webpage.id">{{webpage.name}}</a></li>
      </ul>

当您在ng-click内部时,不需要插入任何内容,因为它适合您。