Question

我正在开发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>

Answer 1

在你的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>

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

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

1 个答案: