我对AngularJS比较陌生,并怀疑我没有抓住一个概念.我也在使用Twitter Bootstrap,我已经加载了jQuery.
工作流程:用户单击列表中的链接,更新"主"部分并单击链接用户获取活动类.
基本HTML标记:
<ul class="list-holder" ng-controller="adminController">
<li><a ng-click="setMaster('client')">Clients</li>
<li><a ng-click="setMaster('employees')">Employees</li>
<li><a ng-click="setMaster('etc')>Etc...</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
在jQuery中执行此操作:
jQuery(".list-holder").on('click', 'a', function(event){
event.preventDefault();
jQuery(".list-holder li").removeClass('active');
jQuery(this).parent('li').addClass('active');
});
Run Code Online (Sandbox Code Playgroud)
但我无法弄清楚如何集成Angular和jQuery来完成这项工作,因为我正在使用Angular从服务器获取主列表(以JSON格式)并更新页面上的列表.
我如何整合这个?一旦我进入角度控制器功能,我似乎无法找到我点击过的元素
控制器:
function adminController($scope)
{
$scope.setMaster = function(obj)
{
// How do I get clicked element's parent li?
console.log(obj);
}
}
Run Code Online (Sandbox Code Playgroud)