javascript - Angular.js - ng-model overwrite my ng-value on text-input - Stack Overflow

admin管理员组

文章数量:1403352

I'll start off with mentioning I'm very new to Angular so I'm probably not doing things in the correct "Angular way".

I have the following ng-repeat looping through some data - the correct data is being returned.

<tr ng-repeat="attribute in attributeCategory.attributes">
    <td>
        {{attribute.name}}
    </td>
    <td>
        <input type="checkbox" ng-model="attr.enabled" ng-checked="{{attribute.parameters.enabled}}" ng-change="updateAttribute(attr, {{attribute.attribute_id}})"/>
    </td>
    <td>
        <input type="checkbox" ng-model="attr.normalise" ng-checked="{{attribute.parameters.normalise}}" ng-change="updateAttribute(attr, {{attribute.attribute_id}})"/>
    </td>                
    <td>
        <input type="checkbox" ng-model="attr.reverse" ng-checked="{{attribute.parameters.reverse}}" ng-change="updateAttribute(attr, {{attribute.attribute_id}})"/>
    </td>
    <td>
        <input type="text" ng-model="attr.min_threshold" ng-value="{{attribute.parameters.min_threshold}}" ng-change="updateAttribute(attr, {{attribute.attribute_id}})"/>                    
    </td>
    <td>
        <input type="text" ng-model="attr.max_threshold" ng-value="{{attribute.parameters.max_threshold}}" ng-change="updateAttribute(attr, {{attribute.attribute_id}})"/>                    
    </td>
<tr>

For some reason the ng-value on the input="text" fields doesn't show. I need to pass through the data from the field in to the updateAttribute() function, which is why I'm binding the model to the attr variable that I'm passing through. This variable is then being used for an API call.

If I take the model off the text fields I have the correct values, but I need someone of getting that value and passing it through to the function.

If there is another way that I should be doing this please let me know :)

I'll start off with mentioning I'm very new to Angular so I'm probably not doing things in the correct "Angular way".

I have the following ng-repeat looping through some data - the correct data is being returned.

<tr ng-repeat="attribute in attributeCategory.attributes">
    <td>
        {{attribute.name}}
    </td>
    <td>
        <input type="checkbox" ng-model="attr.enabled" ng-checked="{{attribute.parameters.enabled}}" ng-change="updateAttribute(attr, {{attribute.attribute_id}})"/>
    </td>
    <td>
        <input type="checkbox" ng-model="attr.normalise" ng-checked="{{attribute.parameters.normalise}}" ng-change="updateAttribute(attr, {{attribute.attribute_id}})"/>
    </td>                
    <td>
        <input type="checkbox" ng-model="attr.reverse" ng-checked="{{attribute.parameters.reverse}}" ng-change="updateAttribute(attr, {{attribute.attribute_id}})"/>
    </td>
    <td>
        <input type="text" ng-model="attr.min_threshold" ng-value="{{attribute.parameters.min_threshold}}" ng-change="updateAttribute(attr, {{attribute.attribute_id}})"/>                    
    </td>
    <td>
        <input type="text" ng-model="attr.max_threshold" ng-value="{{attribute.parameters.max_threshold}}" ng-change="updateAttribute(attr, {{attribute.attribute_id}})"/>                    
    </td>
<tr>

For some reason the ng-value on the input="text" fields doesn't show. I need to pass through the data from the field in to the updateAttribute() function, which is why I'm binding the model to the attr variable that I'm passing through. This variable is then being used for an API call.

If I take the model off the text fields I have the correct values, but I need someone of getting that value and passing it through to the function.

If there is another way that I should be doing this please let me know :)

• javascript
• angularjs
• angularjs-scope
• angular-ngmodel

Share Improve this question Follow edited Jun 24, 2014 at 10:28 AndrewPolland 3,07144 gold badges3030 silver badges3939 bronze badges asked Jun 24, 2014 at 10:22 user3770721user3770721 2311 silver badge33 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

Ng-value is not ment for intput[text]

Binds the given expression to the value of input[select] or input[radio], so that when the element is selected, the ngModel of that element is set to the bound value.

See docs

Additionally ng-change expects expression so you do not have to use {{}}

use this instead

ng-change="updateAttribute(attr,attribute)"

本文标签： javascriptAngularjsngmodel overwrite my ngvalue on textinputStack Overflow