缩小是破坏我的AngularJs代码
栏目: JavaScript · 发布时间: 5年前
内容简介:翻译自:https://stackoverflow.com/questions/20266376/minification-is-breaking-my-angularjs-code
我正在使用Cassette,它使用Microsoft Ajax Minifier来缩小JS.此缩小器重命名变量,包括对Angular具有特殊含义的变量,例如$scope和$http.所以Cassette打破了我的Angular代码!
我怎样才能防止这种情况发生?
作为参考,这是正在被破坏的Angular代码. $scope和$http函数参数正在重命名:
// <reference path="vendor/angular.js" /> angular.module('account-module', []) .controller('ForgottenPasswordController', function ($scope, $http) { $scope.email = { value: '', isValid: false, containerStyle: "unvalidated", validate: function () { var valid = isEmailAdressValid($scope.email.value); $scope.email.isValid = valid; $scope.email.containerStyle = valid ? "valid" : "invalid"; return valid; }, removeErrorMessage: function() { $scope.email.containerStyle = "unvalidated"; } }; $scope.display = { formClass: '', congratulationsClass: 'hide' }; $scope.submit = function (event) { event.preventDefault(); var emailValid = $scope.email.validate(); if (emailValid) { $http({ method: 'POST', url: '/account/forgot-password', params: { email: $scope.email.value }, headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }).success(function(data) { $scope.success(data); }).error(function() { $scope.error(); }); } }; $scope.success = function (data) { switch (data.Outcome) { case 1: $scope.display.formClass = "hide"; $scope.display.congratulationsClass = ""; break; case 2: $scope.email.containerStyle = "invalid"; break; } }; $scope.error = function () { alert('Sorry, an error occurred.'); }; function isEmailAdressValid(emailAddress) { return /[^\s@]+@[^\s@]+\.[^\s@]+/.test(emailAddress); } });
(来自OP):
作为参考,这是更改的代码:
angular.module('account-module', []) .controller('ForgottenPasswordController', ["$scope", "$http", function ($scope, $http) { ... }]);
翻译自:https://stackoverflow.com/questions/20266376/minification-is-breaking-my-angularjs-code
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- go服务docker实践-缩小镜像占用
- Laravel框架中缩小Vue应用的体积
- 网页图片等比例缩小实现方案总结以及最佳实践
- 移动端上传图片进行平移放大缩小操作后生成海报
- 记录一次磁盘镜像的LVM分区缩小调整过程
- DOM 破坏攻击学习
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
深入理解Nginx
陶辉 / 机械工业出版社 / 2013-4-15 / 89.00元
本书是阿里巴巴资深Nginx技术专家呕心沥血之作,是作者多年的经验结晶,也是目前市场上唯一一本通过还原Nginx设计思想,剖析Nginx架构来帮助读者快速高效开发HTTP模块的图书。 本书首先通过介绍官方Nginx的基本用法和配置规则,帮助读者了解一般Nginx模块的用法,然后重点介绍如何开发HTTP模块(含HTTP过滤模块)来得到定制的Nginx,其中包括开发一个功能复杂的模块所需要了解的......一起来看看 《深入理解Nginx》 这本书的介绍吧!