无法在每行网格中显示单选按钮

时间:2017-02-10 21:55:32

标签: javascript html angularjs angular-ui-grid

我正在开发angularjs应用程序。我根据用户输入的值显示角度UI网格。我想在UI网格的每一行显示单选按钮,默认情况下应该选择第一行单选按钮。用户应该可以选择任意一行单选按钮。请找到代码demo here

要显示UI网格,请在From文本字段中输入Atlanta,在To文本字段中输入Chicago,然后单击SearchLocations,我无法在行中看到单选按钮,而是显示指定为true / false的值。任何建议都会非常有帮助。

html代码:

gitcheckout()
{
    GIT_DIR=$(git rev-parse --git-dir 2>/dev/null); 
    pushd .;
    cd $GIT_DIR/../;
    git diff --name-only $1 -- $2 | xargs git checkout $1 --;
    popd;
}

js code:

   <div class="row">
        <div class="form-group" ng-controller="citiesCtrl">
            <label>From</label>
            <input type="text" ng-model="places[0]" placeholder="Type Departure City" typeahead="item for item in items | filter:$viewValue | limitTo:8">
        </div>
        <div class="form-group" ng-controller="citiesCtrl">
            <label>To</label>
            <input type="text" ng-model="places[1]" placeholder="Type Destination City" typeahead="item for item in items | filter:$viewValue | limitTo:8">
        </div>
    </div>

    <input type="button" value="SearchLocations"  ng-click="submit()">

    <div ng-repeat="user in filteredUsers = (users | filter: {name: searchValue} : true)">
        <h3>First Grid</h3>
        <div ui-grid="{ data: user.details }" ng-show="user.show" class="myGrid"></div>
    </div>

     <div ng-if="!filteredUsers.length && searched">
       No data available
     </div>

1 个答案:

答案 0 :(得分:0)

在你的html中添加指令“ui-grid-edit”。

http://plnkr.co/edit/QHzXIHRqqcNu01C2aPKn?p=preview

 <div ui-grid="{ data: user.details }" ui-grid-edit ng-show="user.show" class="myGrid"></div>

注意:使用双击进行编辑。