我有Stripe指令，该指令将值a从指令传递到控制器。
指示
angular.module('stripe', []).directive('stripeForm', ['$window',
function($window) {
var directive = { restrict: 'A' };
directive.link = function(scope, element, attributes) {
var form = angular.element(element);
form.bind('submit', function() {
var button = form.find('button');
button.prop('disabled', true);
$window.Stripe.createToken(form[0], function() {
button.prop('disabled', false);
var args = arguments;
scope.$apply(function() {
scope.$eval(attributes.stripeForm).apply(scope, args);
});
});
});
};
return directive;
}]);
控制器：
angular.module('myApp', ['stripe'])
.controller('IndexController', function($scope, $http) {
$scope.saveCustomer = function(status, response) {
$http.post('/save_customer', { token: response.id });
};
});
的HTML
<form stripe:form="saveCustomer">
<fieldset>
<input type="text" size="20" data-stripe="number"/>
<input type="text" size="4" data-stripe="cvc"/>
<input type="text" size="2" data-stripe="exp-month"/>
<input type="text" size="4" data-stripe="exp-year"/>
</fieldset>
<button type="submit">Save</button>
</form>
我的一所大学说，使用$ eval并不是最佳实践，所以我需要替代品
scope.$eval.我也想知道指令如何将值传递给控制器。请解释代码，它是如何工作的。
scope.$apply(function() {
scope.$eval(attributes.stripeForm).apply(scope, args);
});
参考：https://github.com/gtramontina/stripe-angular
最佳答案
是$ scope。$ apply，$ scope。$ eval，$ scope。$ digest的最佳替代方法是$ scope。$ evalAsync ..实际上，这是最佳实践。那么，$ evalAsync的用途是什么？$evalAsync
它基本上是$ apply（有更多保证可以首先执行代码），但是它确实给了您一个真正众所周知的错误：$apply is already in progress。摘要相同：$digest is already in progress。
来自Fiddle的evalAsync的代码示例：
HTML：
<div ng-app="">
<div ng-controller="Ctrl">
<button ng-click="count()">Inc counter</button>
</div>
<div ng-controller="EmptyCtrl">
</div>
</div>
Javascript：
function EmptyCtrl() {
}
function Ctrl($scope) {
$scope.counter = 0;
$scope.count = function() {
$scope.counter ++;
console.log("setting value to "+$scope.counter)
};
var lastValue;
$scope.$watch(function() {
var value= $scope.counter;
if (value!==lastValue) {
lastValue = value;
$scope.$evalAsync(function () {
console.log("value in $evalAsync: "+value)
});
}
});
}
希望这对您有所帮助！
关于javascript - 说明$ apply和$ eval |我可以用其他功能替换它们吗？ AngularJS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35642127/