angular 应用在 reloading/submitting 之后从 wordpress 中删除输入表单 UNWILLING

angular app delete input form UNWILLING from wordpress after reloading/submitting

我有一个表格:

<table class="widefat" ng-app="myApp" ng-controller="MyCtrl">
    <tr>
        <td><label for="name_pokemon"><?php _e( "Name", "cpt" ); ?></label></td>
        <td><input id="name_pokemon_val" maxlength="{{a1Max}}" name="name_pokemon" type="text" ng-model="a1" ng-change="update()" value="<?php echo esc_textarea( get_post_meta($post->ID, 'name_pokemon', true) ); ?>" placeholder="<?php esc_attr_e( 'Name', 'cpt' ); ?>"></td>
        <td>Length: {{a1.length}} Remaining: {{remainingA}}</td>
    </tr></table>

我的脚本:

<script>
            var myApp = angular.module('myApp',[]);

            function MyCtrl($scope) {
                    $scope.a1='';
                   
                var maxA = 21;
          
                $scope.update = function()  {
                    $scope.remainingA = maxA - ($scope.a1.length);

                    $scope.a1Max = maxA;
                    
                }
                $scope.update();}</script>

        

现在我遇到的问题是,在我提交自定义 Post 类型后,它会重置输入数据。

我该如何解决?

感谢您的帮助

发现了类似的问题

angular 应用仅显示应用的值... 我通过使用 wordpress

中的值初始化应用程序的 var 来修复它

现在看起来像这样:

$scope.a1='<?php echo esc_textarea( get_post_meta($post->ID, 'name_pokemon', true) ); ?>'; 
                    $scope.a2='<?php echo esc_textarea( get_post_meta($post->ID, 'code_card_pokemon', true) ); ?>';
                    $scope.b1='<?php echo esc_textarea( get_post_meta($post->ID, 'lang_pokemon', true) ); ?>';
                    $scope.b2='<?php echo esc_textarea( get_post_meta($post->ID, 'code_pokemon', true) ); ?>';
                    $scope.c1='<?php echo esc_textarea( get_post_meta($post->ID, 'setname_pokemon', true) ); ?>';

初始化作用域后,它运行良好。

我希望我能帮助到别人