AngularJS - 名前と機能がそれぞれ異なるng-repeatを使用して複数のボタンを作成する

Question

クリックしたときにng-repeatを使用して複数のボタンを作成する場合は、別のhtmlページに移動する必要があります。以下のコードでは、コントローラなしで配列を初期化するng-initを使ってみました。 ng-repeatを使用する他の方法はありますか？これで私を助けてください。

<div ng-app="" ng-init="arr1=[{name:'Hyderabad'},{name:'Chennai'},{name:'Pune'}]"> 
    <input type="button" value="{{x.name}}" ng-repeat="x in arr1"/> 
</div> 

Answer 1

このコードを試してください。

<div ng-app="" ng-init="arr1=[{name:'Hyderabad'},{name:'Chennai'},{name:'Pune'}]"> 
<div ng-repeat="x in arr1"> 
<a ng-href="{{url you want here based on the logic}}"> 
    <input type="button" value="{{x.name}}" /> 
</a> 
</div> 
</div> 

各ボタンのリダイレクト先のURLを取得するロジックを知りません。これまでのところ、ロジックをng-hrefセクションに追加してください