草庐IT

ng-views

全部标签

javascript - 如何检测 Angular ng-repeat 是否显示结果

我只想在搜索字段中输入内容但没有匹配项时显示“无结果”消息。目前过滤器有效,但是当我输入一个没有给出结果的关键字时,它没有显示“无结果”消息。如何做到这一点?{{work.name}}{{work.date}}我的工厂是这样的varmyApp=angular.module('myApp',[]);myApp.factory('Works',function(){varWorks={}Works.project=[{name:"project1",string:"projectstring1",date:"17August2012"},{name:"project2",string:"p

javascript - AngularJS - 在 ng-repeat 完成后操作 DOM

在遍历数据后,我遇到了一些关于操作DOM的问题。我们有一个jQueryslider插件,它绑定(bind)到数据并正常工作,但是当使用ng-repeat时,我们必须用$timeout包装它的初始化工作——现在这甚至不起作用。我认为使用$timeout是不可靠的,这导致了一个糟糕的修复。在jQuery中,我可以使用$(document).ready()—这很可靠,但是使用angular.element(document).ready()似乎不起作用任何一个。slider指令被调用但无法获取slider中图像的高度,因为图像尚未加载到DOM中——导致slider的计算高度为0。我现在发现它

javascript - Angularjs ng-bind-html-unsafe 替换

我曾经能够使用ng-bind-html-unsafe来输出未净化的代码(因为净化发生在服务器端)。但是现在那个选项不见了?我知道我可以使用$sce.trustAsHtml,但是在unsafe如此易于使用的情况下,将其添加到JavaScript中是一个巨大的痛苦。我如何获得不安全的返回值? 最佳答案 又简单了。App.filter('unsafe',['$sce',function($sce){returnfunction(val){return$sce.trustAsHtml(val);};}]);用法:有关html绑定(bind)

javascript - 在 Angular 中更改模型后如何更新 View ?

如何让Angular传播我对模型所做的更改。在AngularJS中这真的很容易,但我似乎无法让它在Angular中工作。我知道整个变化检测系统和View传播完全改变了。不知何故,我需要通知Angular变化。但是我如何在实践中做到这一点。看这段typescript代码:import{Component,View,bootstrap,For}from'angular2/angular2';//Annotationsection@Component({selector:'app'})@View({template:`{{user}}`,directives:[For]})classApp{

javascript - 在 Google map 上放置街景 View 按钮

如何在相当典型的Googlemap上放置街景View按钮,使其与右上角的标准map/卫星/混合按钮一致?我见过这样的一个例子,但我再也找不到了。所以,我知道这是可能的。 最佳答案 是的,确实可以在map的选项中指定控制位置——在onlinedocs中寻找控制定位.如何指定谷歌地图控件位置用于在右上角定位街景控件streetViewControlOptions:{position:google.maps.ControlPosition.TOP_RIGHT}到您的map选项。查看此演示(使用GooglemapAPI第3版):varmyL

javascript - AngularJS 指令 : template with scope value (ng-bind-html)

我有这样的指令:...template:function(element,attrs){varhtmlTemplate='\\';returnhtmlTemplate;},...(如你所见,我也在使用翻译插件)我有一个问题:在范围内这个值正在改变,但它在指令中没有改变(当我使用attrs-params时(当然,如果customDynamicText是静态字符串-一切正常)-但我有一个动态变量customDynamicText我如何在directivetemplate和ng-bind-html中使用这个动态变量。这可能吗? 最佳答案

javascript - 有没有办法在 Google Maps API 中使用 3D Views 或 3D Perspective?

我正在尝试在项目中使用3DView/3D透视图。我找不到此功能的任何教程、示例或文档。ExpectedViewPS:有几个关于从SketchUp显示3D建筑的问题,这不是我要问的。 最佳答案 我知道这不是您要找的东西,但cesium.js是一个非常棒的(而且我会说更强大)的3d映射库,它可以使用谷歌卫星basemap。它支持3d地形,但我目前无法找到演示。https://cesiumjs.org/ 关于javascript-有没有办法在GoogleMapsAPI中使用3DViews或3D

javascript - Angular:如何构建与 ng serve 创建的文件相同的文件

我正在优化我的Angular应用程序并使用webpack-bundle-analyzer检查包的大小。当我运行ngbuild--stats-json时,它会创建bundle.js文件并创建一个webpack-bundle-analyzer解析的json文件。这按预期工作,但是有没有一种方法可以构建Angular应用程序而无需ngbuild执行的优化,即获取与ngserve生成的文件相同的文件。我想要这个是因为我的应用程序非常大,在开发时重新加载它需要15秒。所以我也希望能够检查这些文件。 最佳答案 很遗憾,您不能,因为ngserve

javascript - 在工具提示中使用 ng-click

我正在使用AngularBootstrapUI,并且我有一个有效的工具提示。HTML:Clickagain!">ClickmetoseethetooltipJavascript:angular.module('helloApp',['ui.bootstrap']).controller('helloCtrl',helloCtrl)functionhelloCtrl(){varvm=this;vm.clickInsideToSeeTheWorld=function(){alert(123)}}当我打开工具提示时,ng-click不起作用。没有出现警报。我的控制台没有收到任何错误。这是因为

javascript - Angular 重定向到其他而不检测 View 但是当我点击后退按钮时它有效

更新下面的答案或评论都没有帮助,我希望有人能给我正确的答案。当我将这个url放在我的浏览器下方时-它会带我查看水果并且完美运行,http://localhost:53052/AppTest.aspx#/fruits但是当我转到我的主视图并单击按钮并尝试导航到'fruits'View时,它会将我重定向到http://localhost:53052/AppTest.aspx#/routeNotFound但是当我点击浏览器的后退按钮时,它会返回到水果View,然后如果我再次点击它就会返回到主页View。所以这是在TreeView中发生的事情,-->点击Homeview按钮(应该导航到frui