【angularJs利用$scope处理升降序的方法】教程文章相关的互联网学习教程文章

javascript-在Jasmine测试中未定义AngularJS $scope.$watch回调函数参数【代码】

我在名为ctrl.test的范围变量中的控制器中定义了$scope.$watch. $watch的回调函数在生产部署中使用正确的值(newVal)进行调用,但是当从Jasmine测试中调用时,将使用undefined进行调用.直接访问ctrl.test确实会产生正确的值. 有人能对此有所启发吗?这是一个Plunk用来摆弄.解决方法:当使用Controller As模式时,请使用函数作为watch表达式. 更换:$scope.$watch('ctrl.test', ...带有:$scope.$watch(function () {return ctrl.test; }...

javascript-在Angular中将数据附加到$scope的不同方式【代码】

我是Angular 1的初学者,我知道$scope是vew和modal之间的粘合剂. 谁能告诉我这三种定义控制器的方式之间的区别. 1)(function(angular) {'use strict';var myApp = angular.module('myApp', []);myApp.controller('namesCtrl', ['$scope', function($scope) {$scope.customSpice = 'wasabi';}]);})(window.angular);是否使用带有值[‘$scope’,function]的传递数组.仅仅功能还不够吗? 2)angular.module('myApp', []).controller('na...

javascript-将$scope.$on名称参数作为AngularJS指令的属性传递【代码】

我正在尝试创建一个指令,该指令允许我传递属性字符串,然后在使用$scope.$on订阅事件时将其用作“名称”参数.本质上,一系列事件是这样的: >例如,在另一个控制器中,使用称为“ validationResultMessage”的$rootScope.$broadcast广播对象.>我有一个指令,该指令具有一个名为“ subscription”的属性,我将字符串“ validationResultMessage”传递给该指令.>该指令将“ subscription”属性的值传递到其作用域,并使用“ $scope.$on”对其...

javascript-通过.scope().call()从JS外部调用Angular服务挂起请求【代码】

我正在为我的Angular应用程序添加一个Google登录按钮,除处理回调结果外,大多数按钮都在工作.来自G登录的回调是一个外部JS函数,称为signinCallback,如下所示://Handling the Google+ Signin right here function signinCallback(authResult) { angular.element($("#btnGooglePlus")).scope().handleGoogleSignin(authResult); }我能弄清楚如何将authResult传递回控制器的唯一方法是通过element.scope()调用控制器方法. handleGoogl...

javascript-在历史记录popstate事件中获取AngularJs $scope?【代码】

我是新手angularjs开发人员.我有,var app = angular.module('myapp', []); app.controller('ProductCtrl', ['$scope', '$sce', function ($scope, $sce) {$scope.products = myapp.products;$scope.pager = $sce.trustAsHtml(myapp.pager);$scope.getProducts = function($event) {$event.preventDefault();var $link = $($event.target);var url = $event.target.href;$.getJSON(url, function(response) {$scope.$apply(function...

javascript-在Angular中与$scope安全地使用eval()【代码】

这样安全吗?还是这容易受到代码注入的影响?$scope.placeholder = function(value, def) {var val = eval("$rootScope.master.user." + value);if (val) {return val;} else {return def;} };我使用的是括号符号,但是我意识到如果在下面的示例中传入诸如Address.addr1之类的对象,我将无法实现:<input type="email" ng-model="user.email" placeholder="{{placeholder('email', 'Email...')}}" /><br/> <input type="text" ng-mo...

javascript-如何在AngularJS中异步填充$scope变量?【代码】

我有以下服务:app.service('Library', ['$http', function($http) {this.fonts = [];this.families = [];// ... some common CRUD functions here ...// Returns the font listthis.getFonts = function() {if(_.isEmpty(this.fonts)) this.updateFonts();return this.fonts;};// Returns the family listthis.getFamilies = function() {if(_.isEmpty(this.families)) this.updateFamilies();return this.families;};// Update t...

javascript-无法访问angularjs中http响应回调函数之外的$scope对象【代码】

我有这个控制器,用于保存个人的一些详细信息.我有一个单独的存储库EntityRepository,其中定义了从数据库获取用户性别的函数. 函数响应正常工作,并且在函数响应内的控制台上打印性别时,它起作用了(console.log(“ inside:”,$scope.userGender);). 但是在函数之外,值不是不确定的,我正在获取(console.log(“ outside:”,$scope.userGender);).controller('individualDetailsCtrl', function($scope, $rootScope, $location, Entit...

javascript – AngularJS $scope prototypal inheritance – 原始对象?【代码】

我已经广泛阅读了有关Javascript原型继承的内容,特别是在子范围内.我的理解是,我们始终确保“.”在我们的ng-model绑定中,以便它引用一个对象. 我的问题是……为什么原型继承在其局部范围内创建一个原语而不是一个对象?这似乎是一回事. 在一个案例中,我们有一个原始的.在另一种情况下,我们有一个对象 – 比如一个数组.更令人困惑的是,我可以将一个对象传递给子作用域(没有“.”),并且通过将数据推送到在本地作用域内传递的对象,父对...

javascript – Angular $scope变量未更新【代码】

在我的角度,我定义了一个范围变量$scope.letter_content.加载视图时,我从我的数据库加载字符串并将其设置为$scope.letter_content.然后,我填写我正在使用的texteditor(Froala). 以下是视图的代码:{{letter_content}}<div ng-if="formData['page_number'] == 1 ">{{letter_content}}<textarea id="froala-sample-2" froala="froalaOptions" ng-model="letter_content"></textarea></div>所以基本上我将letter_content设置为textedi...

javascript – 在AngularJs控制器中测试$scope,依赖于$filter【代码】

我已经完成了一些教程和基本的例子,但是我很难为我的控制器编写单元测试.我已经看到代码片段实例化控制器并让角度注入$rootScope对象,而后者又用于为控制器创建新的范围对象.但我无法弄清楚为什么ctrl.$scope?未定义:describe('EmployeeCtrl', function () {var scope, ctrl, $httpBackend;beforeEach(inject(function (_$httpBackend_, $rootScope, $controller, $filter) {$httpBackend = _$httpBackend_; scope = $root...

javascript – scope.$watch在angular指令中不起作用【代码】

我已经制作了一个自定义指令并使用了ng-model,但是当模型更新时,该指令即使我正在观看该事件.这是代码:angular.module('Directives').directive("customDirective", ['$window', function ($window) {return {restrict: "E",require: 'ngModel',scope: {ngModel: '=',},link: function (scope, elem, attrs, ngModel) {// IF the model changes, re-renderscope.$watch('ngModel', function (newVal, oldVal) {render();});// We ...

javascript – 未捕获的ReferenceError:$scope未定义 – AngularJS【代码】

我是使用AngularJS的新手.但是,为什么这不起作用? 加载网页后,我进入控制台Uncaught ReferenceError:第8行没有定义$scope,这是$scope.processForm = function(){帮助?// define angular module/appvar formApp = angular.module('formApp', []);// create angular controller and pass in $scope and $httpfunction formController($scope, $http) {// create a blank object to hold our form information// $scope will allow...

javascript – AngularJS:使用$scope.$watch with controller作为语法【代码】

我有一个plnkr here,我正在测试$scope.$监视单选按钮,控制器作为语法.此外,单选按钮嵌入在父视图容器中. 在“关于我们”页面中,我有以下html代码,用于显示两个单选按钮以及当前选择消息:<div class="row-fluid"><div class="well"><p><strong>Make a selection:</strong></p><label>Yes</label><input type="radio" name="selection" ng-model="aboutView.radioSelection" value="Yes"><label>No</label><input type="radio" name...

javascript – 在Angular.js中扩展$scope

有时,我看到人们使用这种模式: angular.extend($scope,{somekey,someval}). 当我可以直接设置范围时,使用这种范围扩展的好处是什么: $scope.somekey = someval?解决方法:What is the benefit in using this style of scope extension ?如果我正确地阅读了this,绝对没有,尽管我讨厌的句法伪糖不同意. 虽然,阅读一些angular-leaflet问题,有一天,我记得我读过有人说某些东西与angular.extend有关,并没有简单的任务.