草庐IT

ng-views

全部标签

javascript - 为什么我的指令在使用 AngularJS 1.5 时第一次使用 ng-if 运行时没有进入动画?

http://codepen.io/anon/pen/MygQvb我使用的是Angular1.4.7,然后决定升级。在那之后,使用ng-if的指令上的所有动画都在它们应该发生的第一次停止工作。上面在Codepen上的例子说明了我的意思,如果你切换ng-if它不会在第一次工作,但后来它工作得很好。有一些类似的问题,但都没有解决我的问题,而且我在旧版本的Angular上也从未遇到过这个问题。真正的解决方案会很棒,但如果不可能,欢迎任何解决方法。 最佳答案 正如jjmontes所说,变通方法要求在template中声明指令的模板,而不是使

javascript - Angular : how to get input value without ng-model

我有form动态插入input到DOM(来自其他插件)。有没有办法在没有ng-model的情况下从此输入读取值?[]我看了很多例子,但是到处都有人写关于ng-model...:( 最佳答案 使用监视更改的指令。然后,如果认为有必要,您可以将其分配给您的范围。.directive('watchForChanges',function(){return{link:function(scope,element,attrs){element.on('change',function(e){console.log(e.target.value

javascript - Angular : disable scroll to top when changing view

假设我有一个大标题,所以ng-view指令在页面上。就在这个ng-view之前,我有一种菜单可以触发Angular路由,从而改变View。我的问题是,只要路由被触发,页面就会一直滚动到顶部,因此部分内容超出了视口(viewport)。这是我的路线:angular.module('portfolio',[]).config(function($routeProvider,$anchorScrollProvider){$anchorScrollProvider.disableAutoScrolling();$routeProvider.when('',{templateUrl:'portf

javascript - ng-repeat 中的 AngularJS "headers"

最近出现的问题不止一个,我想知道解决这个问题的最佳方法。简单地说:我有数据显示在ng-repeat中,按特定项目排序。例如,假设它按名称排序。我的目标是在按字母顺序排列的列表中的字母分隔符处设置标题:----A----AbeLincolnAdamSmith----B----BarackObamaBarryZuckercorn----C----...等等。我尝试过的事情包括:让Controller完全重新构建传入的模型数据,手动将其放入一组字母组中。例如,我的服务有一个“posts”数组,而我的Controller在服务更新时手动将这些“posts”洗牌到一个“letterGroups”

javascript - 设置 Backbone.View 的动态 css 样式属性

我正在尝试设置的高度、宽度和背景图像元素。这是我的Backbone.View的内容:varRackView=Backbone.View.extend({tagName:'ul',className:'rackunselectable',template:_.template($('#RackTemplate').html()),render:function(){this.$el.html(this.template(this.model.toJSON()));returnthis;},attributes:function(){varisFront=this.model.get('i

javascript - ng-class 没有按预期覆盖类

我有一个图标列表,这些图标根据$scope中的bool值“打开”或“关闭”。我创建了两个CSS类——clrOn和clrOff——它们只是颜色不同。我正在使用class=""分配所有图标clrOff,然后如果bool值为真,则尝试使用ng-class=""覆盖它。根据我的研究,这就是我所拥有的应该起作用的东西。plunkerCSS文件:.clrOn{color:#333333;}.clrOff{color:#DDDDDD;}JS文件:varapp=angular.module('plunker',[]);app.controller('MainCtrl',function($scope)

javascript - 在 Angular 中检测鼠标+键盘事件以进行 ng-repeat

我有一个应用程序,我在其中使用ng-repeat生成一组跨度,每个跨度都有一个唯一的ID(比方说span-{{$index}})。现在我想执行以下操作:如果我单击一个跨度,我希望复制该跨度的ID。我设法通过ng-click做到了这一点。我想进一步扩展此功能以检测多次点击,以获取所选ID的数组,但仅如果在点击期间按住CTRL键.例如。如果我在选择id为1,3,5,7的跨度时单击了ctrl按钮,我的数组应该有[1,3,5,7],但如果我没有按下CTRL键,那么我应该只有[7],因为它是最后选择的跨度。还有,我可以绑定(bind)相关事件吗?例如。如果我选择id为1的跨度,如果我单击CTRL

javascript - 此处不允许属性 ng-model

我试图在下拉菜单中使用ng-model属性,但是WebStorm一直告诉我不允许这样做。当我运行应用程序时,它没有绑定(bind),所以我认为它与我的Angular版本有关。我正在运行最新版本,并且ng-model似乎适用于除select之外的所有其他元素。上次更新有什么变化吗?Posts{{post.name}} 最佳答案 将ng-model改成data-ng-model,这是一个已知的WebStorm错误 关于javascript-此处不允许属性ng-model,我们在StackOv

javascript - 当与缩放到包含标记一起使用时,ng-map 默认缩放过于放大 ="true"

我正在尝试使用map,当我只有一个标记和zoom-to-include-markers="true"时,我遇到了这种情况,结果是无论怎样,map都被放大了我如何设置缩放属性,结果如下所示:虽然我希望第一个渲染应该看起来像这样:这是我的代码:我尝试调整zoom属性,但map结果没有任何变化。更新:在js中用setZoom()函数改变缩放就可以了,有没有办法根据map的值计算出合适的缩放?谢谢 最佳答案 对于单个标记的情况,您可以指定maxZoom和minZoom属性来限制将在map上显示的map缩放级别。示例该示例演示了如何通过map

javascript - Controller 已加载到 DOM 中,但 View 未加载且无法找到 Controller - oclazyload with jade(pugjs)

我正在为我的项目使用angular1.6,并使用angular-ui-routing为HTML模板使用PugJs进行路由。我正在尝试在我的应用程序中实现Lazyload,但不知何故它不起作用可能是由于jade。代码:varapp=angular.module('myApp',['ui.router','oc.lazyLoad']);app.config(['$ocLazyLoadProvider',function($ocLazyLoadProvider{$ocLazyLoadProvider.config({debug:true,modules:[{name:'js',files:[