草庐IT

ng-controller

全部标签

javascript - 在javascript中实现类似angular ng-repeat的功能

我目前正在编写代码以实现类似ng-repeat的Angular。基本上是html中的for循环。该代码采用类为“循环”的每个元素,并使用通过“信息”属性提供的信息对其进行处理。这是代码:HTML-i-Javascript$(".loop").each(function(i){varloop_info=$(this).attr("data-info");varfin=loop_info.match(/(.*)in(\d+)to(\d+)/);varvariable=fin[1],initial=fin[2],final=fin[3];varhtm=$(this).html(),print

javascript - 创建一个要在 Controller 上使用的类

我想创建一个Class并使其在我的Controller上可用。我不想在这种特殊情况下使用助手,因为我打算稍后使用此代码创建一个npm包。我现在不想创建包,因为我不想公开我的代码。我尝试将此代码添加到hooks文件夹中的文件中:console.log('Hookexecuted!');module.exports=classTest{constructor(){console.log('Objectcreated!');}}当我提起应用程序时,我看到Hook正在加载:info:Startingapp...Hookexecuted!然后在我添加的随机Controller中:consttes

javascript - Angularjs ng-disabled 不起作用

这是我的表格*但是我想了解为什么这个输入字段没有被禁用?我也试过$scope,所以在CTRL中:$scope.diss=true;在html中:*还是不行,有什么提示吗? 最佳答案 这是ng-disabled指令的一个简单工作示例:Clickmetodisable: 关于javascript-Angularjsng-disabled不起作用,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

javascript - 错误 : [$compile:multidir] Multiple directives [form, 表单] 请求 'form' Controller :<form ng-form ="">

我在用angularjs构建的表单上遇到此错误。`错误:[$compile:multidir]多个指令[form,form]请求'form'Controller:{{job.role}}{{job.salary}}{{job.company}}Submit最初我在data-ng-controller中有表格,我把它拿出来看看是否Controller可能是问题所在..请询问您是否认为我需要发布更多代码,我正在使用angulars原生路由系统 最佳答案 这些中的每一个都或多或少相同,并且指的是form指令:所以你可以做或者简单地,在这两

javascript - 使用 Controller 初始化 Angular 服务的正确方法

我来自静态类型的面向对象背景(C#),并且一般来说是Angular和Javascript的新手。我正在尝试使用Angular和JQueryMobile构建一个应用程序,并且面临着服务行为不像单例那样的情况-即,即使它们已经在一个Controller中初始化一次,服务中的属性也没有存储任何状态传递到另一个Controller或服务时设置为。此外,当我尝试调试下面描述的代码时,我遇到了一些意外行为:我的设置:我正在使用JQueryMobile单页模板,将应用程序的所有页面作为同一html页面上的div,并且使用“href="#DivName”模式进行重定向应用程序的每个div(页面)都有一

javascript - 在单独的 js 文件中带有 Controller 的 Angular ui 模式

我正在尝试制作一个可以从应用程序中的多个位置实例化的模式。来自此处给出的示例:AngulardirectivesforBootstrap模态Controller与实例化模态的Controller位于同一文件中。我想将模态Controller与“应用程序”Controller分开。index.html:ModalController:varapp=angular.module('modalTest',['ui.bootstrap']);app.controller('modalTestCtrl',['$scope','$modal',function($scope,$modal){$sc

javascript - 找不到指令 'ngSwitch' 所需的 AngularJS Controller 'ngSwitchWhen'

我有一个主模板来执行一些向导,例如单步执行一些模板:NextStepNextStep但是当我点击第一个按钮渲染下一个模板时我得到了错误Controller'ngSwitch',requiredbydirective'ngSwitchWhen',can'tbefound当我在单击按钮后查看源代码时,ng-switchdiv标签就在那里,所以我不确定为什么它不起作用。 最佳答案 我很确定您遗漏了一些结束元素。我按照编写的格式重新格式化了代码。NextStepNextStep缺少元素NextStepNextStep问题是在不正确的代码中,

javascript - ng-repeat 中的 Angular 过滤器与深层对象

我正在关注这个问题以按字段过滤ng-repeatng-repeat:filterbysinglefield但我的情况不同,它实际上是主对象的对象值中的一个字段。基本上我只想显示data.a==1以下代码适用于第一个列表。第二个列表给我错误:angular.module('myapp',[]).controller('mainCtrl',function($scope){$scope.items=[{name:"John",data:{a:1}},{name:"Lee",data:{a:2}},{name:"Rue",data:{a:3}},{name:"Peter",data:{a:1

javascript - angular- ui-select - 如何将对象属性绑定(bind)到 ng-model

我在一个简单的用户注册表中使用angular-ui-select:{{$select.selected.name}}这是我的国家数组定义:$scope.countries=[{name:'Afghanistan',code:'AF'},{name:'Albania',code:'AL'},{name:'Australia',code:'AU'},{name:'Austria',code:'AT'},{name:'Azerbaijan',code:'AZ'},{name:'Belarus',code:'BY'},{name:'Belgium',code:'BE'},{name:'Beli

javascript - Angular ng-click 给出语法错误 : Token '{' invalid key at column 22 of the expression

在我发布我的问题之前,只想让您知道我进行了足够多的搜索,但找不到解决方案。这个问题让我很困惑。我有以下代码。首先ng-click正确地将ID插入函数中,但会产生Angular错误(在主题中提到)。第二次ng-click既不生成错误也不插入ID,而是呈现文字。我搜索了所有论坛,大多数人都提到像我的第二次ng-click一样使用它,但它对我不起作用。需要帮助!{{registration.id}}{{registration.dateModified|date}}ED回答:我做了一些测试,发现它让新手感到困惑,因为在FF或Chrome开发人员工具栏的HTML检查器中,您会看到代码将呈现DD