草庐IT

javascript - angular - ng-if - 如何在 ng-if 模板渲染后回调

在Angular中,我需要在加载具有特定类的元素后调用一个函数。元素的显示通过ng-if='expr'控制。$scope.expr的值在某个ajax调用响应后设置。现在,如果我尝试将$watch放在expr上,或者使用$evalAsync。它不工作。可能是因为这些事件在模板部分实际运行之前运行。这是一个示例代码:http://jsbin.com/kuyas/1/edit在这里,我需要在ng-if上进行回调,它会在模板呈现后执行。 最佳答案 一个可能的答案是创建一个指令来执行您想要执行的任何操作。如果您随后仅在ng-if控制的HTML

javascript - typescript :属性 'src' 在类型 'HTMLElement' 上不存在

我从Typescript收到一个错误,我不确定如何更正它。代码在“编译”时工作正常,但我无法更正错误。我已经从我的代码中提取了涉及错误的部分。我想我必须预定义src但不确定如何。编辑器和Gulp编译时的错误消息:“属性‘src’在类型‘HTMLElement’上不存在。在第53行第17列”...element:HTMLElement;/*Definingelement*/'''this.element=document.createElement('img');/*creatingaimg*/'''这是我运行来渲染元素、位置、顶部和左侧的方法,所有这些都可以正常工作而不会出现错误。di

javascript - 如何在angularJS中将输入字段设置为ng-invalid

我想检查信用卡号的输入字段。该字段在最小长度为13之前应保持无效。由于用户应该能够在该字段中填充空格,因此我在javascript函数中删除了这些空格。在此函数中,我想检查信用卡号(不带空格)并将其设置为ng-invalid,只要最小长度小于13且最大长度大于16。应该是这样的:$scope.ccHandler=function(){if($scope.ccNumber==''){document.getElementById("ccProvider").disabled=false;}$scope.ccNumber=inputCC.value.split('').join('');/

javascript - 为什么 Angularjs ng-pattern 不能使用以下正则表达式?

出于某种原因,初始化值没有出现在该字段中,但没有ng-pattern的第二个字段确实有效。有什么想法吗?angular.module('app',[]).controller('MainCtrl',function($scope){$scope.widget={title:'abc',title2:'abc'};});input1:{{widget.title}}input2:{{widget.title2}}这是fiddlehttp://jsfiddle.net/wkzab/1/ 最佳答案 我也遇到了同样的问题。找到了执行此操作的

javascript - 如何根据条件实例化 ng-controller

我问了这个问题,但我问的具体问题发生了巨大变化。我有一段代码:asdf此代码被注入(inject)到两个html页面中。一个页面已经调用了PingsCtrl。另一个没有。我真的想让这段代码保持干爽,我只想引用上面的代码。如果PingsCtrl尚未实例化,我如何编写上面的代码来生成ng-controller。这是两个html页面。HTML//Firstpageasdf//SecondpageasdfJavascript在这里:angular.module('coolApp',[]).controller('PingsCtrl',function(){varvm=this;vm.press

javascript - 捕获传入的 URL 参数,然后使用 Javascript 传递给 iFrame Src

所以想弄清楚如何在Javascript中使用window.location来做到这一点。我将用户发送到我们的网站,并附上一个带有GoogleAnalytics代码的URL,我需要将该代码传递给该页面上的iframesrc。我假设Javascript可以做到这一点(注意-我不能使用PHP)...这就是我想要做的:我会将用户带到包含所有事件数据的页面。例如,用户会单击此链接:http://www.xyz.com/index.html?utm_source=Facebook&utm_campaign=Facebook+May&utm_medium=click他们将被定向到那个页面,然后上面有

javascript - Angularjs ng-controller 与解决

我遇到了ng-controller和“解决”功能的问题:我有一个Controller需要在运行前解决一些依赖关系,当我通过ng-route定义它时它工作正常:Controller代码如下所示:angular.module('myApp').controller('MyController',['$scope','data',function($scope,data){$scope.data=data;}]);路由:....when('/someUrl',{templateUrl:'some.html',controller:'MyController',resolve:{data:['

javascript - angularjs中的 `value`属性和 `ng-value`属性有什么区别

angularjs模板中的value和ng-value属性有什么区别?如果我在使用value属性的字段上使用ng-if它可以正常工作,但是如果我将属性value更改为ng-value它会停止工作.example1//itworksdifficultyishardExample2//itdoesn'tworklevelishard 最佳答案 根据thedocs,ngValue采用“Angular表达式,其值将绑定(bind)到input元素的value属性”.因此,当您使用ng-value="hard"时,它被解释为一个表达式并且va

javascript - 是否可以将 ng-pattern 与变量一起使用

我对正则表达式很糟糕,但我想知道是否可以将ng-pattern与变量一起使用例如,ng-pattern="/^{{validationCode}}$/"其中validationCode是附加到Controller中$scope的变量//InsideController$scope.validationCode='responsereturnedfromserver'如果$scope.validationCode=1234123412351234那么ng-pattern就是ng-pattern="/^1234123412351234$/"但这行不通,似乎我需要创建一个我并不真正想要的自定

javascript - AngularJS - ng-bind 不更新

我有一个Controller,它具有从API获取一些警报并更新绑定(bind)到警报的网站前端计数的功能。不幸的是ng-bind我正在使用的属性似乎并没有实时更新计数,即使是一个简单的console.log()告诉我实际警报计数正在Controller中更新。前端AlertsController(function(){'usestrict';functionMyLivestockController(userService){varvm=this;vm.myLivestockNotification={isLoading:true,hasError:false};vm.alertsNo