更改Angular模型后刷新Bootstrap ScrollSpy
我正在尝试使用bootstrapscollspy突出显示由角度中继器生成的列表项。
我遇到的问题是，我在Angle将模型更改应用到视图之前，正在从angular控制器刷新scrollspy插件。
确保DOM本身已更新（不仅仅是角度模型）之后，确保scrollspy（’refresh’）调用发生的角度方法是什么？
模板：
<div class="span2" id="addressList">
<ul class="nav nav-tabs nav-stacked affix">
<li ng-repeat="addr in addresses"><a href="#{{addr.id}}">{{addr.id}}</a></li>
</ul>
</div>
控制器：
$scope.httpSuccessCallback = function (data)
$scope.addresses.push(data);
$('[data-spy="scroll"]').scrollspy('refresh'); //calls $('#addressList .nav > li > a')
}
问题答案：
我如何使用Blesh的答案解决此问题
模板：
<body ng-app="address" ng-controller="AddressCtrl" scroll-spy="addresses">
<div class="container">
<form ng-submit="lookupAddress()">
<input type="text" ng-model="addressText" />
<button id="addressQueryBtn">Submit</button>
</form>
<div id="addressList">
<ul>
<li ng-repeat="addr in addresses">{{addr}}</li>
</ul>
</div>
</div>
</body>
Angular JS：
angular.module('address', []).
directive('scrollSpy', function($timeout){
return function(scope, elem, attr) {
scope.$watch(attr.scrollSpy, function(value) {
$timeout(function() { elem.scrollspy('refresh') }, 200);
}, true);
}
});
function AddressCtrl($scope, $http) {
$scope.addresses = [];
$scope.lookupAddress = function() {
$scope.addresses.push($scope.addressText);
$scope.addressText = '';
};
}
当监视的范围var是对象或数组时，需要scope.watch（…）的第三个参数。不幸的是，该解决方案仍然导致在注释中出现了无法识别的表达问题，randomguy提到了这一问题。我最终通过在watch函数中使用超时来解决此问题。
-
问题内容： 我正在尝试使用包含Latex样式方程式的AngularJS双向绑定文本。我想调用MathJax格式化方程式，但是我不确定在AngularJS完成更改模型后确保调用MathJax的最佳方法。我想我需要回调。这是我的JavaScript： } 这是我的HTML： 小提琴在这里：http : //jsfiddle.net/LukasHalim/UVjTD/1/。您会注意到，即使您单击两次更新
-
我的视图中有一个树查看器，它从标准的Ecore编辑器中监听EMF模型，并用它做进一步的事情。我已经注册了一个选择监听器，它检查所选元素是否是树查看器需要作为输入的类型。因此，问题是，如果模型中有任何变化（例如，向现有元素添加新元素或新信息等），树查看器仅在用户更改选择时才显示更改后的模型，即单击任何模型元素等。 但是我需要做的是，如果底层模型发生变化，树查看器将直接得到通知，并显示新的模型元素，而
-
我需要从文件中删除封面 调试时，元素已正确删除，但输出封面上的元素仍在此处。 有没有更新/刷新文档xml的方法，即使更改是从低级别发生的，我们如何刷新文档以保持更新
-
问题内容： 我正在尝试编写一些搜索输入，以使用ngResource从数据库中获取数据。 数据在页面上显示为ng-repeat，但是当我执行搜索并且$ scope已更新时，该视图未更新并显示旧数据。 这是代码： main.html（活动视图） main.js searchbar.js 当它启动时，它从数据库中获取所有数据并正确显示它们，当我尝试进行搜索时，$ scope.eventi会更新（我可以从
-
我有一个具有2个视图\控制器的应用程序： 谢谢你。
-
问题内容： 我有一个简单的场景： 输入元素，其值由jQuery的val（）方法更改。 我试图用jQuery设置的值更新角度模型。我试图编写一个简单的指令，但是它没有执行我想要的操作。 这是指令： 这是jQuery部分： 和html： 这是我尝试的小提琴：http : //jsfiddle.net/U3pVM/743/ 有人能指出我正确的方向吗？ 问题答案： ngModel侦听“ input”事件，