Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有选择单元格的Angularjs ng网格未选择正确的值_Javascript_Jquery_Html_Angularjs_Ng Grid - Fatal编程技术网

Javascript 带有选择单元格的Angularjs ng网格未选择正确的值

Javascript 带有选择单元格的Angularjs ng网格未选择正确的值,javascript,jquery,html,angularjs,ng-grid,Javascript,Jquery,Html,Angularjs,Ng Grid,我正在尝试构建一个表,其中一列被选中,并且我希望使用从服务器获得的值选择该选项。 我从服务器上得到4个,但选择的是第一个选项 $scope.lotteryOptions = { data: 'myData', enableColumnResize: true, keepLastSelected: false, enableRowSelection: false, columnDefs: [{field: 'field

我正在尝试构建一个表,其中一列被选中,并且我希望使用从服务器获得的值选择该选项。 我从服务器上得到4个,但选择的是第一个选项

$scope.lotteryOptions = {
        data: 'myData',
        enableColumnResize: true,
        keepLastSelected: false,
        enableRowSelection: false,
        columnDefs: [{field: 'field1', displayName: 'field1'},
             {field: 'Status', displayName: 'Status', cellTemplate: selectTableTemplate, enableCellEdit: true},
    };

 var selectTableTemplate = "<select ng-selected=\"{{row.getProperty('Status')}}\">         <option value='1' class='ng-binding'>" + 1+ "</option>" +
                           "<option value='2' class='ng-binding'>" + 2 + "</option>" +
                           "<option value='3' class='ng-binding'>" + 3 + "</option>" +
                           "<option value='4' class='ng-binding'>" + 4 + "</option>" +
                           "<option value='5' class='ng-binding'>" + 5 + "</option>" +
                    "<option value='6' class='ng-binding'>" + 6 + "</option></select>";
$scope.lotteryOptions={
数据:“myData”,
enableColumnResize:true,
所选参数:false,
enableRowSelection:false,
columnDefs:[{field:'field1',displayName:'field1'},
{字段:'Status',显示名称:'Status',cellTemplate:selectTableTemplate,enableCellEdit:true},
};
var selectTableTemplate=“+1+”“+
"" + 2 + "" +
"" + 3 + "" +
"" + 4 + "" +
"" + 5 + "" +
"" + 6 + "";
html结果是:

 <select ng-selected="4">...</select> 
。。。

但是不是选择4选项

ng selected
已经是一个角度属性,因此不需要插值
{{}

var selectTableTemplate = "<select>         <option ng-selected=\"row.getProperty('Status') == 1\" value='1' class='ng-binding'>" + 1 + "</option>" +
                           "<option ng-selected=\"row.getProperty('Status') == 2\" value='2' class='ng-binding'>" + 2 + "</option>" +
                           "<option ng-selected=\"row.getProperty('Status') == 3\" value='3' class='ng-binding'>" + 3 + "</option>" +
                           "<option ng-selected=\"row.getProperty('Status') == 4\" value='4' class='ng-binding'>" + 4 + "</option>" +
                           "<option ng-selected=\"row.getProperty('Status') == 5\" value='5' class='ng-binding'>" + 5 + "</option>" +
                    "<option ng-selected=\"row.getProperty('Status') == 6\" value='6' class='ng-binding'>" + 6 + "</option></select>";
var selectTableTemplate=”“+1+“”+
"" + 2 + "" +
"" + 3 + "" +
"" + 4 + "" +
"" + 5 + "" +
"" + 6 + "";
注意:这还假设
状态
是一个值,而不是一个对象

更新:
ng selected
不是
select
的属性。它只是
选项的属性

ng selected
应应用于
选项
标记,而不是
select
(请参阅)

$scope.lotteryOptions={
columnDefs:[
{field:'field1'},
{字段:'Status',cellTemplate:selectTableTemplate,enableCellEdit:true}
],
数据:“myData”,
enableColumnResize:true,
enableRowSelection:false,
所选参数:false
};
var selectTableTemplate=''+
'  ' + 1 + '' +
'  ' + 2 + '' +
'  ' + 3 + '' +
'  ' + 4 + '' +
'  ' + 5 + '' +
'  ' + 6 + '' +
'';

不工作,使用我的代码,html结果为:…但未选择4个选项更新。选择的ng只能用于选项,不能用于选择。它需要是布尔返回表达式。
$scope.lotteryOptions = {
    columnDefs: [
        {field: 'field1'},
        {field: 'Status', cellTemplate: selectTableTemplate, enableCellEdit: true}
    ],
    data: 'myData',
    enableColumnResize: true,
    enableRowSelection: false,
    keepLastSelected: false

};

 var selectTableTemplate = '<select>' +
                           '  <option value="1" class="ng-binding" ng-selected="COL_FIELD == 1">' + 1 + '</option>' +
                           '  <option value="2" class="ng-binding" ng-selected="COL_FIELD == 2">' + 2 + '</option>' +
                           '  <option value="3" class="ng-binding" ng-selected="COL_FIELD == 3">' + 3 + '</option>' +
                           '  <option value="4" class="ng-binding" ng-selected="COL_FIELD == 4">' + 4 + '</option>' +
                           '  <option value="5" class="ng-binding" ng-selected="COL_FIELD == 5">' + 5 + '</option>' +
                           '  <option value="6" class="ng-binding" ng-selected="COL_FIELD == 6">' + 6 + '</option>' +
                           '</select>';