草庐IT

passing-data-between-view-control

全部标签

javascript - 如何在 Angular Controller 中更改 Satellizer 的 $authProvider.loginUrl?

这是我的案例场景:用户未登录,他们尝试访问/settings页面。我的设置Controller根据$auth.isAuthenticated()!=true识别他们未登录,并将他们重定向到/login用户填写他们的电子邮件和密码并点击提交。在这第三步中,我希望做的是将他们重定向到/settings页面,而不是主页。我想我会改变这个变量:$authProvider.loginRedirect='/';问题是我不能在我的loginCtrl.js文件中包含$authProvider而不会在我的控制台中出现“未知提供程序”错误:https://docs.angularjs.org/error/

javascript - AngularJS — 将范围(不带 $)注入(inject) Controller

在MaterialDesignmdDialogdocumentation,我注意到他们已经将范围(没有前缀美元符号)传递给底部附近的DialogController。(function(angular,undefined){"usestrict";angular.module('demoApp',['ngMaterial']).controller('AppCtrl',AppController);functionAppController($scope,$mdDialog){varalert;$scope.showAlert=showAlert;$scope.showDialog=s

javascript - 如何清除从 Controller 分配的事件?

何时、何处和如何当Controller不再相关时,我应该摆脱旧的事件监听器?考虑SPA有两条路线:/login和/loggedinapp.factory('socket',['$window',function(window){returnwindow.io();}]);app.controller('loginController',['socket',function(socket){this.tryLogin=function(credentials){socket.emit('login',credentials);}sokcet.on('loginResponse',func

javascript - 如何在 AngularJS 中测试 Controller 指令

经过多次研究,我一直无法正确测试Angular指令,因为我无法访问其Controller内的函数。指令代码如下:angular.module('app').directive("accordionItem",function(){return{restrict:'E',replace:true,templateUrl:function(elem,attr){return'partials/invoice/'+attr.temp+'.html';},scope:{invoice:'=',temp:'@'},controller:function($scope,listSelectionS

javascript - AngularJs - 如何在导航到新路线时清理 Controller

我有一个Controller,它通过一个可观察对象加载大量数据。如果我离开该路线并且View从页面中删除,我如何在我的Controller中得到通知,以便我可以停止Controller中的数据加载?我基本上想要一个在不再需要Controller时触发的停用功能或清理功能。 最佳答案 您可以监听$destroy事件,并执行一些清理/拆卸操作:module.controller("SomeController",function($scope){$scope.$on("$destroy",function(){//cleanuphere

javascript - angular 的 Controller 方法如何使 $scope 可用于我的函数参数

我正在寻找伪代码答案,或概念性答案。经过多年的编程,我从未创建过接收函数参数的类方法,这样方法的调用者就可以自动访问“不可见”的属性。如果我尝试在我的my_app.controller(...)方法之外访问$scope,我会得到一个错误,所以我知道它不是全局的;如果我尝试从my_app.$scope或angular.$scope访问它,我会得到undefined。那么我的函数参数如何访问它:my_app.controller('my_controller',function($scope,...){...}更新(我正在学习)://javascriptvarmy_class=functi

javascript - 尝试访问 Youtube Data Api v3 时出现 `Google Maps API warning: NoApiKeys `

我正在学习ModernReduxWithReact教程,并尝试访问YoutubeDataAPIv3,但在Chrome控制台中我收到错误GoogleMapsAPIwarning:NoApiKeys。我不确定为什么会收到Googlemap警告,因为我为Youtube注册了一个APIkey。单击转到凭据。单击“APIkey”。点击“浏览器”。设置名称并点击创建。将API复制并粘贴到JS文件中。importReact,{Component}from'react';import*asReactDOMfrom"react/lib/ReactDOM";importYTSearchfrom'youtu

javascript - vuejs中如何获取data-*属性的值

我有一个按钮,点击它会打开一个模式,模式中显示的内容基于传递给按钮的数据属性。我的按钮,Edit在我的模式中,我有一些按钮,单击时我应该调用一个带有参数的vuejs函数,该参数是数据属性。我的模态按钮,DeleteClose这里我必须传递一个参数给deleteItem(),这个参数就是我从上面的按钮得到的data-id。模态代码×DeleteAreyouSureyouwanttodelete?DeleteClose 最佳答案 我建议在组件函数中执行console.log(this),然后在单击按钮时调用该函数,这样您就可

javascript - jQuery.data 的使用

好吧,我承认:我已经广泛使用jQuery.attr在很多很多脚本中将自定义数据存储在DOM元素中。我想知道是否将我所有的脚本都转换为使用jQuery.data而不是jQuery.attr。据我了解,jQuery.data的优点是:生成简洁有效的HTML代码可以在元素上存储任何类型的数据(对象、数组...)自定义属性的主要优点是:如果WEB页面不是严格的HTML,我可以在服务器上生成具有自定义属性的HTML代码在firebug中很容易检查我的HTML代码以搜索我的自定义属性如果我遗漏了什么或者是否存在使用jQuery.data的问题,有人可以告诉我吗? 最佳答

javascript - JavaScript 中的模型- View - Controller

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