Thay đổi giá trị của trình giữ chỗ đầu vào thông qua mô hình?

Question

Tôi đang cố gắng thay đổi giá trị của trình giữ chỗ đầu vào từ bộ điều khiển nhưng không thể tìm ra cách thực hiện.

input(type='text', ng-model='inputText', side='30', placeholder='enter username') 

Có cách nào để sửa đổi thuộc tính phần tử của mô hình không?

Answer 1

Bạn có thể liên kết với một biến trong điều khiển:

<input type="text" ng-model="inputText" placeholder="{{somePlaceholder}}" /> 

Trong bộ điều khiển:

$scope.somePlaceholder = 'abc'; 

Answer 2

Kể từ AngularJS không có thao tác chỉ DOM như jQuery có, một cách thích hợp để thay đổi các thuộc tính của một phần tử sẽ sử dụng chỉ thị. Thông qua chức năng liên kết của một chỉ thị, bạn có quyền truy cập vào cả phần tử và thuộc tính của nó.

Bao gói toàn bộ đầu vào bên trong một chỉ thị, bạn vẫn có thể giới thiệu các phương thức của mô hình ng thông qua thuộc tính bộ điều khiển.

Phương pháp này sẽ giúp phân tách logic của ngmodel với trình giữ chỗ từ bộ điều khiển. Nếu không có logic giữa chúng, bạn chắc chắn có thể đi như Wagner Francisco nói.

Answer 3

Như Wagner Francisco cho biết, (trong JADE)

input(type="text", ng-model="someModel", placeholder="{{someScopeVariable}}")` 

Và trong điều khiển của bạn:

$scope.someScopeVariable = 'somevalue' 

Answer 4

Câu trả lời được chấp nhận vẫn ném một lỗi Javascript trong trình duyệt IE cho tôi (cho góc 1.2 ít nhất). Đây là một lỗi nhưng cách giải quyết là sử dụng ngAttr chi tiết về https://docs.angularjs.org/guide/interpolation

<input type="text" ng-model="inputText" ng-attr-placeholder="{{somePlaceholder}}" /> 

Vấn đề: https://github.com/angular/angular.js/issues/5025