Question

我有四个不同的输入，想要将更改后的输入值发送到控制器，而无需按下发送按钮或其他任何内容。

我如何得到它所有输入应该有下一个语法。

<input ng-model="borderRadius" ng-change="change()">
<input ng-model="background" ng-change="change()">

或不？

我想在我的app.js中获取它们

control.controller('generatorOptions', function ($scope) {

  $scope.buttonStyle = {
    "border-radius" : " -- here is value of it -- ",
    "background" : " -- here is value of it -- "
  };

});

更新：这工作正常，但我如何优化代码？ https://github.com/tanotify/Button-style-generator/blob/master/public/assets/scripts.min.js

Answer 1

首先，您需要在控制器中定义：

control.controller('generatorOptions', function ($scope) {
  $scope.buttonStyle={};


  $scope.change = function() {
     console.log("borderRadius value:"+$scope.buttonStyle.borderRadius);
     console.log("background value:"+$scope.buttonStyle.background);
  };

});

这是您的观点：

<input ng-model="buttonStyle.borderRadius" ng-change="change()">
<input ng-model="buttonStyle.background" ng-change="change()">

这意味着，首先你需要在你的控制器中定义对象（buttonStyle），这个对象在你的视图中是可访问的，在视图中你将定义你可以在控制器中访问的对象的新属性（半径和背景）。对象

将ng-model的值发送到角度控制器

1 个答案: