angularjs - 在 Angular 模板中，如果变量未定义，有没有办法抛出错误？

Question

在 Angular 模板中，如果模板中有 undefined variable ，它将静默失败。

下面的一些示例代码:

Controller :

angular.module('app').controller('MyCtrl', function($scope) {
  //nothing here
});

和观点:

<div ng-controller="MyCtrl">
  <p ng-click="doSomething()">{{ data }}</p>
  <input type="text" ng-modal="input">
</div>

没有任何变量被插入，因为它们不存在于 $scope 中。输入错误 ng-modal (不是 ng-model )属性将无声无息地失败。这是开发中不受欢迎的行为。

有没有办法改变它，以便抛出错误？为此，我可以使用 Angular 的猴子补丁解决方案。

Answer 1

您可以使用 || 确保选择了一个值。在模板中。使用 || 时要分配变量，将返回第一个真实变量。所以在你的例子中:

<div ng-controller="MyCtrl">
  <p ng-click="doSomething()">{{ data || "Data is not defined" }}</p>
  <input type="text" ng-modal="input">
</div>

每当数据被定义时，消息就会从“数据未定义”更改为 $scope.data。如果您想要错误，请使用相同的方法，但不要使用字符串，而是使用函数。

<div ng-controller="MyCtrl">
  <p ng-click="doSomething()">{{ data || handleEmptyData(data) || "Data is not defined and handleEmptyData() also returned undefined" }}</p>
  <input type="text" ng-modal="input">
</div>

$scope.handleEmptyData = function(data){
    if(!data){ alert("Error, data was " + JSON.stringify(data)); } };