Setting angularjs ng-model value by an object value

Question

I have an input text on my html side,

   <input ng-model="item.valueProperty"
       ng-disabled="item.options.length>0"
       type="text"
       placeholder="List item value"
       class="form-control"
       required>

if item.options array has any item, my textbox value (item.valueProperty) will be set as key But I want to this on html side via ng- directives.

I can not set it on javascript controller. is this possible?

setting input value by options lenght. if it has items value of item.valueProperty will be "key" — barteloma
– barteloma, Commented Mar 4, 2017 at 19:59
item.valueProperty is a model. model value will be set as "key" text. — barteloma
– barteloma, Commented Mar 4, 2017 at 20:04
ng-model="item.valueProperty" is correct syntax to bind ng-model. I stilldon't know what issue you are facing. — Ved
– Ved, Commented Mar 4, 2017 at 20:06

Carlos Arauz · Accepted Answer · 2017-03-04 20:13:41Z

2

I think this is what you wantL

angular.module('test', [])
  .controller('test', function ($scope) {
    $scope.item = {
      valueProperty: 'Test',
      options: [1]
    };
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="test" ng-controller="test">
<input ng-model="item.valueProperty"
       ng-disabled="item.options.length > 0 ? item.valueProperty='key' : false"
       type="text"
       placeholder="List item value"
       class="form-control"
       required>
</div>

I just set $scope.item.valueProperty to 'key' if item.options.length > 0 in ng-disabled directive, item.options.length > 0 ? item.valueProperty=123 : falseis a valid expression, so it will work.

answered Mar 4, 2017 at 20:13

Carlos Arauz

8056 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

barteloma Over a year ago

Yes it is thanks, so I learned to set model values on html side.

Carlos Arauz Over a year ago

Yes, but seems to be a bad practice, try to use controllers. Enjoy it!

Collectives™ on Stack Overflow

Setting angularjs ng-model value by an object value

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related