变量显示为未定义

Question

我在将复选框的结果从我的视图传递到控制器时遇到了问题，只能在控制台日志中得到 "undefined"。

仅供参考 - 我的控制器是 "camp"。

在我看来我有以下几点：

   <div  style="padding:20px;">
      <h5>Add a Business</h5>
      <md-content style="padding:20px;">

       <md-checkbox 
       ng-repeat="business in camp.businesses" 
       ng-model="business.selected" 
       aria-label="Checkbox"
       >
        {{business.business_name}}
      </md-checkbox>

      </md-content>

      <md-button class="md-raised" ng-click="camp.addBusinesses(business)">
        <i class="fa fa-plus"></i> Add 
      </md-button>

    </div>

在我的控制器中，我在 "angular.extend()"

中具有以下功能

addBusinesses: function(val){
  console.log('Display Results: ',  val);
}

如果我只是使用函数来记录点击事件，就可以了。但是当我尝试传递 "business" 对象时，它显示 "undefined".

我在这里错过了什么？？？

Answer 1

问题是您的 <md-button> 在 ng-repeat 之外。您的 ng-repeat 以 </md-checkbox> 结尾，因此当它到达按钮时，business 确实未定义。

尝试重新格式化您的代码，使按钮仍在 ng-repeat 的范围内。也许您想在 md-content 上重复？我不确定页面应该是什么样子，所以我不能提供更多建议。

变量显示为未定义

Variable showing as undefined

angularjs

angularjs-controller