部分的なページに基づいて動的にhrefプロパティを設定する

Question

私はクリック時にモーダルダイアログを表示するリンクを持つindex.htmlページを持っています。

<div id="modal1" class="modal"> 
    <div class="modal-content"> 
     <h4>Modal Header</h4> 
     <p>Modal sample text</p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a> 
    </div> 
</div> 

また、インデックスページはui-view内側部分ページが表示されます。

<div class="" ui-view> 

</div> 

モーダルを開くリンクは、インデックス・ページ上にあるので、それがどのページにも表示されます。私が抱えている問題は、Closeボタンをクリックしたときにモーダルダイアログが閉じた後、ユーザーがログインページに移動したときです。 これは、href="#"が原因で発生しています。それを取るためには、ページは#/page1のようなものでなければなりません。したがって、ユーザーがサイトをナビゲートする際に動的に設定する必要があります。私はそれを行う方法を理解していないようです。誰も助けることができますか？

ページのURLは次のようなものです：だから私はそれが上にあるページをキャプチャし、動的hrefプロパティに割り当てる必要があると思い

http://localhost:77777/index.html#/page1

。どうすればいい？

Answer 1

なぜボタンをクリックしてng-clickしないのですか？

<div id="modal1" class="modal"> 
    <div class="modal-content"> 
     <h4>Modal Header</h4> 
     <p>Modal sample text</p> 
    </div> 
    <div class="modal-footer"> 
     <button ng-click="closeModal()" class="modal-action modal-close waves-effect waves-green btn-flat">Close</button> 
    </div> 
</div> 

とコントローラ上：よう

何か

$scope.closeModal = function(){ 
    //your code to close the modal window 
} 

はそれだけで問題を理解しようとし、申し訳ありません