草庐IT

angular-ng-if

全部标签

javascript - 从 Angular 应用程序范围之外调用 AngularJS 函数

我看到了很多与此事相关的问题,但我尝试过的解决方案都没有奏效:在public文件夹中,我有一个名为app.js的文件,我在其中定义我的AngularJS应用程序,如下所示:varapp=angular.module('app',[]);varRectangleDim=30;app.controller('MainCtrl',function($scope,$http){在文件的末尾,我执行如下Bootstrap:angular.bootstrap(document.getElementById('body'),["app"]);然后,在同一个文件夹和HTML中,我应用AngularJS

javascript - 如何使用 SetInterval 函数和 'if' 使 div 弹出?

我有一个Whackamole游戏的脚本,但我似乎无法通过使用随机数生成器让我的div在我想要的时候弹出。这是我的代码:(顺便说一句,这是我制作的第一款游戏,所以这可能是个愚蠢的问题:))//minigamesetInterval(function(){varrandomnumber=1+Math.floor(Math.random()*10);if(randomnumber="1"){$('#mole1').show();};if(randomnumber='2'){$('#mole1').show();};if(randomnumber='3'){$('#mole1').show()

javascript - Ng-Model ="something.$"是什么意思?

我是Angular的新手,我在阅读过滤器文档时看到了这段代码。Any:NameonlyPhoneonly我不清楚ng-model="search.$"的含义。与ng-model的两种绑定(bind)方式很清楚,但是"search.$"呢?那是做什么的,它是如何与过滤器一起工作的。我尝试搜索此内容,但找不到任何内容。谢谢! 最佳答案 它特定于过滤器逻辑。$用作属性匹配器,以匹配列表中对象的所有属性的值。因此,在您的过滤器中,绑定(bind)表达式是对象search并将匹配器字符串指定为$属性(这是搜索输入的ng-model)searc

javascript - 使用 coffeescript 的 ng-table 多模板过滤器

我正在同时使用AngularJS、ng-table和coffeescript,我想在coffeescript中创建一个多模板过滤器并将其传递到我的angularjs模板中。我有一个名字和姓氏组合列,我想要两个用于“姓名”和“姓氏”的过滤器。到目前为止,我是这样工作的;但是我想像这样在我的AngularJSController中定义这个过滤器$scope.nameFilterDef={name:{id:"text",placeholder:"Name"},surname:{id:"text",placeholder:"Surname"}}然后像这样使用过滤器清理我的模板;当我这样调用过滤

javascript - angularjs编译ng-controller和插值

关于thedocs看到后面加了一个编译“something”的例子。var$div=$('{{content.label}}');$(document.body).append($div);angular.element(document).injector().invoke(function($compile){varscope=angular.element($div).scope();$compile($div)(scope);});我已经在一个jquery就绪函数上添加了这个代码,但是我有两个问题:首先是一个错误:参数“MyCtrl”不是函数,未定义。第二个是我不知道如何使co

javascript - Adblocker 屏蔽了我的 Angular 网站 (Google Analytics)

一家公司通知我他们无法访问我的Angular网站,因为我依赖于GoogleAnalytics。他们的政策是阻止跟踪器和广告。由于我的网站完全是用Angular制作的,其中一个依赖项实际上是GoogleAnalytics,我想知道我是否可以以某种方式为启用了这种类型的Adblocker的访问者实现后备。此外,当用户阻止它时,我能否以某种方式禁用依赖注入(inject)。问题的核心是依赖angulartics我的app.js如下所示:angular.module('mywebsite',['angulartics','angulartics.google.analytics',])和我的i

javascript - 加载 Angular View

每当我们加载.html文件时,它会以angular方式为某些Controller提供服务。angular是否进行ajax调用以检索该html。喜欢这段代码。.state('home',{url:'/',templateUrl:'/Modules/Signin/signin.html',controller:'SigninCtrl'})我的意思是在获取signin.html时询问是否进行了ajax调用?或者它们是否作为普通资源加载?如果进行了ajax调用,我在哪里可以找到有关它的文档。 最佳答案 当你的代码执行时,Angular首先在

javascript - Angular2点击事件不更新模板

我正在试验Angular2并尝试获取一个简单的点击事件来更新模板。单击事件触发toggleValue()函数,但不会更新模板。我所做的似乎与那里的各种教程一致(尽管它们基于Alpha版本);我只是想不出这么简单的例子哪里出了问题。代码如下:///import'reflect-metadata';import{Component,View}from'angular2/core';import{bootstrap}from'angular2/bootstrap';@Component({selector:'app',})@View({template:`Value:{{value}}Tog

javascript - 没有为 node_modules 中的库定义 Angular2 require

我正在使用angular2-seed作为我项目的种子。require在源文件中工作得很好。但是每当我包含一个新库并在index.html中引用它时,控制台就会弹出一个错误,提示requireisnotdefined。包含Systemjs我阅读之前关于建议使用system.js的答案。systemjs已经包含在内。索引.htmlSystem.config({"defaultJSExtensions":true,"paths":{"./admin/main":"/./admin/main","angular2/*":"/angular2/*","rxjs/*":"/rxjs/*","*":

javascript - "bootstrapping"在 Angular 2 的上下文中意味着什么?

Thisquestion与我自己的非常相似,但我相信不同之处(与版本2)值得另一个。在Angular2应用程序中,具体调用bootstrap()做什么?你能用简单的术语解释一下吗(比如我5岁)?小背景Angular2Quickstart包含以下main.js(function(app){document.addEventListener('DOMContentLoaded',function(){ng.platformBrowserDynamic.bootstrap(app.AppComponent);});})(window.app||(window.app={}));我得到的:我非