草庐IT

ng-controller

全部标签

javascript - 根 Angular 2 组件中的 ng-content

页面显示基本标记、安慰消息和加载指示器。......pagelayoutandloadingstuff...根组件是@Component({selector:'body[app]',template:``})App{}演示该问题的plunker是here.SPA初始化后,它应该引导body元素并编译组件,同时保存现有的基本布局。但是,根组件会忽略ng-content。这导致两个选项。初始布局应仅在引导后转储和显示。或者它应该在根组件模板和HTML文档中复制(可能使用服务器端模板)。它们看起来都不够好。body包含敏感标记,不能将其包装到子组件中以克服此限制。我打算使用AngularUn

javascript - JavaScript 中的模型- View - Controller

tl;dr:如何以干净的方式在JavaScript中实现MVC?我正在尝试在JavaScript中实现MVC。我无数次用谷歌搜索和重组我的代码,但没有找到合适的解决方案。(代码只是“感觉不对”。)这就是我现在要做的事情。它非常复杂并且使用起来很痛苦(但仍然比我之前的一堆代码要好)。它有丑陋的变通办法,有点违背了MVC的目的。看看,如果你真的很勇敢的话,那真是一团糟://Createa"mainmodel"varmain=Model0();functionModel0(){//Createanassociatedviewandstoreitsmethodsin"view"varview=

javascript - Ember.js - 在 Controller /路由器链上传播事件

在Ember.js中,未在Controller中处理的事件沿路由器链传播到应用程序路由(有关更多详细信息,请参阅http://emberjs.com/guides/views/handling-events/)。有没有办法在Controller中定义一个事件处理程序,允许事件继续传播到路由器?App.SampleController=Ember.ObjectController.extend({myEvent:function(obj){this.set('aVariable',true);}});App.ApplicationRoute=Ember.Route.extend({eve

javascript - 如何与 ng-switch 中的全局变量进行比较

我正在使用AngularJS$rootScope对象来公开一些需要Controller和View都可以访问的全局常量:varapp=angular.module('myApp',[]);app.run(function($rootScope){$rootScope.myConstant=2;});当我尝试在View中呈现全局值时,它可以正常工作:{{myConstant}}同样,如果我在ng-if条件中引用全局值,它也有效:Conditionalcontent.但是,当尝试在ng-switchblock中使用相同的值进行比较时,它永远不会计算为真。ThisJSFiddle展示了我试图让

javascript - 所有 Controller 模板中的 Angularjs 服务变量

我是Angularjs的新手。我创建了一个Angularjs服务来存储一些“全局”变量。它看起来像这样:.factory('authVars',function(){varsdo={baseBackendUrl:'https://www.myurl.com',user:'',password:'',token:'',isLogged:false};returnsdo;})现在我想在不同的Controller中使用ng-show/hide。whatEver这可能吗?还是将其存储在rootScope中更好?如果有一点帮助,我将不胜感激;-)thx 最佳答案

javascript - angularjs 使用 ng-repeat 调用 Filter 两次

我是angularjs的新手,正在尝试学习过滤器的概念。但在我的例子中,angularjs调用了过滤器两次。我原以为过滤器只运行一次,但是它运行了两次。无法理解为什么会这样..这是我的plunker... 最佳答案 如果我没有误解你的问题,这与here是同一个问题。Angularjsusesa'dirty-check'approach,soitneedtocallallthefilterstoseeifexistsanychange.Afterthisitdetectthathaveachangeononevariable(theo

javascript - AngularJS - ng-include ng-controller 和范围不绑定(bind)

我有以下主视图和options.html具有以下内容OptionsSearch但是“关键字”没有绑定(bind)到OptionsController中的范围。app.controller('OptionsController',['$scope',function($scope){$scope.keyword="all";$scope.search=function(){console.log("hello")};}]);当我点击按钮时,我没有看到hello并且关键字all没有出现在输入文本中。我尝试如下移动ng-controller部分一切都按预期进行。我通读了AngularJS-l

javascript - Angularjs 在 ng-repeat 中显示和隐藏按钮

我有一个列表,它使用ng-repeat填充屏幕。每行都有一个按钮供用户单击以选择该行。通常您会使用单选按钮,但用户想要按钮切换。我真正想要的是显示第一个按钮(在第一次显示列表时隐藏第二个按钮),在用户点击第一个按钮选择特定行后,我想隐藏第一个按钮并显示第二个按钮.2个按钮有不同的ID、文本、样式。所以对于用户来说,就像在选择后更改按钮的外观一样。我尝试在函数populateFareOption(row.col3.value,row.col4.value)中设置showfarebut1/showfarebut2范围变量在Controller中,但所有行在单击第一个按钮后都有第二个按钮。任

javascript - Angular 文件上传指令不更新 Controller 模型

我正在尝试关注这个[tutorial]但无法正常工作。我的AngularController正在为在我的指令中创建的模型记录undefined。这是一个[JSFiddle]它的工作创造了我的教程作者。问题是View可以找到$scope.myFile而Controller却找不到($scope.myFile是undefined)。View显示{{myFile.name}}(例如my-image.jpg)。myFile变量是一个包含所选文件数据的JS对象。这很好用。该指令似乎正在为模型分配所选文件的值(并因此在View中正确显示)。{{myFile.name}}Click这是我从[tuto

javascript - ng-click 在 firefox 中不起作用

我知道这个问题在SO上被问过多次,但我找不到任何答案我有一个负责文件上传的指令。这是我的指令代码:vardirective={restrict:'AE',scope:{settings:'='},controller:'fileUploaderCtrl',replace:true,template:'\\Uploadsinprogress\\{{file.size/1024|number:2}}KB\{{file.sizeUploaded()}}\\\\\\\\\\\\'}[...]在我的Controller中,我有以下代码:$scope.remove=function(index){