Question

我在我的应用程序中使用angularjs。我正在尝试将输入标签中的硬编码值传递给angularjs控制器。这里我没有采用任何动态值。用户只需点击输入区域。基于点击区域，我将值传递给角度控制器。

这是我的HTML

    <div class="first-hour">
    <input type="text" value="12:00am - 12:30am" readonly>
    </div>
    <div class="second-hour">
    <input type="text" value="12:30am - 01:00am" readonly>
    </div>

如果用户选择第一个输入文本框值是上午12:00 - 上午12:30，如果第二个意味着值是上午12:30 - 上午01:00。我需要在角度控制器内获取这些值。任何人都可以告诉如何获取输入硬编码值直接进入angularjs控制器？

Answer 1

你可以这样试试，创建一个对象并在控制器本身初始化值。然后在html中绑定对象，

$scope.client = {};
$scope.client.start = "12:00am - 12:30am";

在html页面中，

<div class="first-hour">
    <input type="text" ng-model="client.start" readonly>
</div>

如果你有任何问题，请告诉我。

Answer 2

以下是如何选择特定字段的示例。两个范围都必须在Controller中初始化：

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.range1 = "12:00am - 12:30am";
  $scope.range2 = "12:30am - 01:00am";

  $scope.select = function(val) {
    $scope.display = angular.copy(val);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
  <div class="first-hour">
    <input type="text" ng-model="range1" ng-click="select(range1)" readonly>
  </div>
  <div class="second-hour">
    <input type="text" ng-model="range2" ng-click="select(range2)" readonly>
  </div>
  Selected: {{display}}
</div>

（value已替换为ng-model）

从输入标签获取硬编码值到角度控制器

2 个答案: