2017-09-25 61 views
-1

我想使用ng-bind伪指令在输入文本字段中显示值。有人可以帮我解决这个问题吗?使用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 page.I打印这种类型是不能够实现that.Would有人帮

+0

“和” –

+0

这不是什么'ng-bind'是for;你为什么要用这个而不是'ng-model'? – Claies

+0

'ng-model'是一种双向绑定。 'ng-bind'只是把这个值放入元素 –

回答

2

使用NG-模式代替

如果您需要单程绑定然后

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

否则,如果您需要双向结合

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

::是一种方式绑定。这意味着它显示输入中的类型值。但改变输入文字将不会改变 –

+0

类型的值@NevilleNazerane只是重新检查我的答案已经更新 – jitender

+0

是的,我知道。我其实正在回答别人的评论。有人问为什么::? 现在那个人删除了他的评论 –

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-模式工作是在这里很好,使用它:

<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>
当您使用内报价,报价使用

+1

是'ng-value'也提供单向绑定。很好的答案和演示。 –