angularjs從控制器注入局部視圖

Question

在angularjs應用程序查看頁面中，我有無序列表，例如

<ul>
   <li> Item 1 </li>
   <li> Item 2 </li>
   <li> Item 3 </li>
</ul>

在同一頁面上，我有一個占位符，我想在其中加載控制器返回的內容的部分視圖

<div id="partialResults">
</div>

我當時想onclick每個iteam調用控制器功能，然后將部分視圖從控制器返回到視圖。

如何在angularjs中執行此操作，或者在這種情況下有更好的方法？ 這樣，我將在asp.net-mvc中發送ajax請求並從控制器返回部分視圖。

Answer 1

我認為您應該將History API用於部分視圖。 請參閱此鏈接... http://html5demos.com/history https://css-tricks.com/using-the-html5-history-api/
http://diveintohtml5.info/history.html

Answer 2

這樣的事情應該起作用。 使用要包含的HTML視圖在控制器中調用一個函數：

<li ng-click='loadPartial("item1.html")'> Item 1 </li>

然后在控制器中將其設置為活動變量：

$scope.loadPartial = function(link) {
    $scope.currentPartial = $scope.basePath + link;
}

然后在div中：

<div id="partialResults" ng-include="currentPartial">
</div>