缩小是破坏我的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 破坏攻击学习
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Head First PHP & MySQL
Lynn Beighley、Michael Morrison / O'Reilly Media / 2008-12-29 / USD 44.99
If you're ready to create web pages more complex than those you can build with HTML and CSS, Head First PHP & MySQL is the ultimate learning guide to building dynamic, database-driven websites using P......一起来看看 《Head First PHP & MySQL》 这本书的介绍吧!