使用ng-bind指令

时间:2017-09-25 06:08:33

标签: html angularjs

我想使用ng-bind指令在输入文本字段中显示值。有人帮我这个吗?

 <div class="col-md-3">
     <input class="form-control" disabled="disabled" value="ng-bind="type"">
 </div>

控制器:

$scope.type = $scope.name[0].type_of_request;

我正在尝试在html页面中打印此类型。我无法实现这一点。是否有人帮助

2 个答案:

答案 0 :(得分:2)

使用 ng-model 代替

如果您需要单向绑定,那么

<input class="form-control" disabled="disabled" ng-model="::type">

否则,如果您需要双向绑定

<input class="form-control" disabled="disabled" ng-model="type">

答案 1 :(得分:1)

var myApp = angular.module('myApp', []);
myApp.controller('MyCtrl', function($scope, $timeout) {
  $scope.type = "test";
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>

<html ng-app="myApp">

<div ng-controller="MyCtrl">
  <input class="form-control" disabled="disabled" ng-model="type">
</div>

</html>

ng-model 在这里工作得很好,使用它:

<html ng-app="myApp">

<div ng-controller="MyCtrl">
<input class="form-control" disabled="disabled" ng-model="type">
</div>
</html>

或使用ng-value="type"

  

检查以下示例:

<div ng-app="">
  <p>Enter your Name: <input type="text" ng-model="name"></p>
  <p>Hello <span ng-bind="name"></span>!</p>
  <p>Hi <input type="text" value="{{name}}" /></p>
  <p>Ahoy <input type="text" ng-value="name" /></p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>