AngularJS ng-bindとng-hrefを一緒に使用していますか？

Question

AngularJSを使用して、私は間違っているように見えるパターンに気付きました。

テーブルを作成するとき、データはng-bindを使用してバインドされます。しかし、何かにリンクするためにセルのテキストが必要な場合は、リンクを手動で作成する必要があります。

非リンクされたテーブルセルは次のようになります。

<td ng-bind="customer.name"></td> 

しかし、私は、リンクを作成したい場合は、私が行います

<td><a ng-href="/customer/{{customer.id}}">{{customer.name}}</a></td> 

属性を使用してリンクを作成する方法はありますか？次のようなものがあります。

<td ng-bind="customer.name" ng-href="/customer/{customer.id}"></td> 

Answer 1

これはAngularJSの問題ではありません。これは、HTMLがどのように動作するかについてです。 HTMLでは、いずれの要素にもhref属性を追加してリンクを作成することはできません。アンカータグを使用してリンクを作成する必要があります。

セル内にアンカータグを生成するwrite a directiveがあります。しかし、それはそれほど価値があるとは思えません。ほとんどの人は、意味が分かりにくく、混乱しやすいマークアップを生み出すことにおそらく同意します。

HTMLリンクはスペック：あなたがng-bind、はい、しかし<a>内で使用することができますhttp://www.w3.org/TR/html4/struct/links.html

Answer 2

、@btfordが言ったように。

<td><a ng-href="/customer/{{customer.id}}" ng-bind="customer.name"></a></td>