草庐IT

ng-material

全部标签

javascript - 如何使用 ng-click 重定向

我正在尝试构建的super简单的AngularJS应用程序,接受两个文本框中的凭据,然后使用双向绑定(bind)在单击按钮时重定向到一个包含两个变量的url。我的问题是,我可以让它工作很简单(或者可能是ng-href=...)但出于某种原因,无论我做什么,我都无法使用我已经尝试了很多变化,但这是我正在尝试做的LogIn!如果我在Controller中调用一个函数,我可以让它工作,但这是一件非常简单的事情,如果可能的话,我想在页面上完成它。此外,作为一个附带问题,登录这样的网站有哪些安全问题?**编辑:让我感到困惑的部分是,这有效(只是没有双向绑定(bind)工作):我希望将onClic

javascript - ng-repeat inside ng-repeat with td for each item - AngularJS

此代码为我提供了一个表格,其中的元素位于单列中。这里的数据会是这样vardata=[[{"id":"1","value":"One"},{"id":"2","value":"Two"},{"id":"3","value":"three"}],[{"id":"4","value":"four"},{"id":"5","value":"five"},{"id":"6","value":"six"}],[{"id":"7","value":"seven"},{"id":"8","value":"eigth"},{"id":"9","value":"nine"}]]{{item.id}}:{{

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 - AngularJS 指令 : template with scope value (ng-bind-html)

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

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 - AngularJS 在指令中添加 ng-click

我正在执行拖放指令。在放下时,我将元素的副本添加到我的div并向其附加ng-click属性,如下所示:copy.append('×');例如,在Controller中我有$scope.abc=function(){alert('Hello!');}而且它不起作用。如果我在页面上手动添加此按钮,它会正常工作。 最佳答案 copy.append('×');$compile(copy)($scope); 关于javascript-AngularJS在指令中添加ng-cl

javascript - AngularJS-ng :model - Field is readonly when bound to $q promise?

我试图从AngularJs(1.0.7)中的promise返回单个记录并将结果绑定(bind)到表单。表单正确绑定(bind),但输入字段是只读的-我无法编辑值。如果我改为将记录包装在一个数组中并使用ng:repeat进行迭代,则表单会正确绑定(bind)并且我可以编辑值。我创建了一个plnkr来清楚地展示这个问题:http://embed.plnkr.co/fOWyhVUfekRbKUSRf7ut/preview您可以编辑直接绑定(bind)和列表绑定(bind)的输入字段,但是不能编辑绑定(bind)到单个promise的字段。是否可以将ng:model直接绑定(bind)到从pr