angularjs从控制器注入局部视图

Question

在angularjs app视图页面中，我有无序列表，如

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

在同一页面上我有占位符，我想用从控制器返回的内容加载部分视图

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

我正在考虑在每个iteam调用控制器函数上单击，然后将部分视图从控制器返回到视图。

我如何在angularjs中执行此操作，或者是否有更好的方法来应对这种情况。这样我就可以在asp.net-mvc中发送ajax请求并从控制器返回局部视图。

Answer 1

我认为您应该将历史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>