0

JSONオブジェクトを使用してng-repeatでURL文字列を作成しようとしているセットアップがあります。ブラウザで検査するとテキストが表示されますが、機能しないか、コンソールにエラーが記録されます。

HTML は次のようになります。

<div ng-repeat="project in projects">
  <div ng-click="go('/projects/{{project.url}}')"></div>
</div>

$location サービスをコントローラーに解析し、次を使用してページの URL を変更します (注意してください、ビューで非動的 URL を使用してこれが機能することを確認しました)。

$scope.go = function (path) {
  $location.path(path);
};

私が使用している JSON オブジェクトの例は、次のようになります。

$scope.projects = [
  {
    url: 'paul-davis'
  }
];
4

2 に答える 2

4

内のコードng-clickは角度のあるスクリプトであり、使用するテンプレート コードではありません{{...}}。次のように使用します。

<div ng-click="go('/projects/' + project.url)"></div>
于 2013-10-31T13:33:02.937 に答える
0

<a>の中に動的な href を持つタグを配置できng-repeatます。期待どおりに機能しますが、使用した ng-hrefほうがよいため、データ バインディングの準備が整う前にリンクが切れることはありません。この Angular tuto を見ることができます https://docs.angularjs.org/api/ng/directive/ngHref

于 2015-07-09T22:01:31.927 に答える