0

これは非常に一般的な問題であり、ng-model を呼び出してデータをフォーム (DOM) に解析します。その後、変更されたチェックボックスの ng-checked がデータ値に変換されてサーバーに保存されます。

それぞれ2つのチェックボックスがあります

<table><tbody>
        <tr>
            <td align="left">To be ignored</td><td align="left">Yes 
                <input type="checkbox" ng-model="nm_ignore" /></td>
            <td></td>
        </tr>
        <tr>
            <td align="left">To be excluded</td><td align="left">Yes 
                <input type="checkbox" ng-model="nm_exclude" /></td>
            <td></td>
        </tr>
    </tbody>
</table>

そして、私のデータは

$scope.nm_to_ignore = _a_record._ab_ignore; // "T"
$scope.nm_to_exclude = _a_record._ab_x_style; // "F"

私の目的は次
のとおり です。サーバーから読み取られたデータによってチェックボックスをチェック済み/チェック解除済みに設定するための簡単な方法（コードごとに保守しやすい、angularJS ng-model）が必要です。 また、 CHECKED/UNCHECKED で表される値をそのままデータに保存できるようにしたいと考えています。

4

1 に答える 1

0

$scope の DOM 内のチェックボックス オブジェクト。属性を使用して、翻訳者に CHECKED を値 "T" に変換し、UNCHECKED を "F" に変換して、データベースがサーバーに格納するデータを理解するようにしていることに注意してください。ng-true-value="'T'"ng-false-value="'F'"

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="_assets/js-main/angular-1.5.8.min.js"></script>    
<script src="_assets/JS-Main/angular-route-1.5.8.js"></script>
    <!-- <..DOM..stuffs..> -->

    <tr>
        <td ><input type="checkbox" ng-model="nm_exclude" 
              ng-true-value="'T'" ng-false-value="'F'" /></td>
         <td ><input type="checkbox" ng-model="nm_ignore" 
              ng-true-value="'T'" ng-false-value="'F'" /></td>
    </tr>

サーバーからデータを取得する -->

var A1 = angular.module('_mod_1', ['ngRoute', 'ngSanitize']);
A1.config(function ($locationProvider) {
    $locationProvider.html5Mode(true);
});
A1.controller
('Controller',
    function ($scope, $location, $http) {
        angular.element(document)
            .ready(function () {
                $http.get(_endGet, config)
                 .success(function (serverdata, status, config) {
                          _a_record = serverdata;
                          /*     lines of code        */
                          $scope.nm_ignore = _a_record._ab_ignore; //"T"
                          $scope.nm_exclude = _a_record._ab_x_style; //"T" 
                  });;
            });
        //Things to Do ...
    }
);

上記のすべてがお役に立てば幸いです。幸運を！(マップされた値が数値でない場合は、単一引用符で'T'囲むことに注意してください: ng-true-value=" "。それらを省略するとエラーが発生します!)

于 2019-01-30T22:03:10.880 に答える