Angularjs单击已选择的选项会更改ng-model值

时间:2015-05-19 11:33:50

标签: javascript angularjs select

我目前正在使用data-ng-options进行选择:

<div class="progress progress-striped active">
    <div class="progress-bar" 
        style="width:0%" 
        role="progressbar" 
        aria-valuenow="0" 
        aria-valuemin="30" 
        aria-valuemax="100">
    </div>
</div>

我想要实现的是当在Dropbox中选择了Default选项时,我希望能够再次单击它并触发值的更改(myValue采用默认值(''))。 当选项已经是在Dropbox中选择的选项时,它似乎不起作用,我该如何更改?

1 个答案:

答案 0 :(得分:0)

这会让你觉得...... 我希望如此:)

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <title>Events</title>
    <link rel="stylesheet" href="style.css">
    <header>
        <h1>Events</h1>
    </header>
    <div class="event" data-event-date="2015-05-19">
        <h2>Loop around the lake</h2>
        <p>Lorem ipsum</p>
    </div>
    <div class="event" data-event-date="2015-05-20">
        <h2>Walk in the Park 2015</h2>
        <p>Lorem ipsum</p>
    </div>
</html>
<select data-ng-model='myValue' ng-change="change()">
    <option value=''> Default </option>
    <option data-ng-repeat="i in item">{{i}}</option>
 </select>

fiddle