javascript - 如何在AngularJS中获取字符串子路径

Question

我从 db 加载了一些数据并附加到 html 中，如下所示：

<td>
  <p class="namepath" ng-bind-html="getNamePath(l)"></p>
</td>

我的控制器：

$scope.getNamePath = function (l) {
    let namepath = l.currpath;
    let t = namepath.split('/').map(function (text, i) {
        return '<span ng-click="changeNamePath(' + i + ',' + namepath + ')"' + i + '>' + text + '</span>';
    }).join('/');
    return t;
};

我的 l.currpath 有一些这样的数据：

l.currpath = a/b/c/d...

当您点击 c 我要退货a/b/c时，点击 b 我要退货a/b...

我怎样才能做到这一点？

标签： javascriptjqueryangularjs

Answer 1

该ng-bind-html指令不编译 AngularJS 指令，例如ng-click. 而是使用类似的东西：

<td>
  <p class="namepath">
     <span ng-repeat="namePath in l.currpath.split('/')"
           ng-click="changeNamePath($index, l.currpath)"
     >
       {{namePath}}<span ng-hide="$last">/</span>
     </span>
  </p>
</td>