Méthode de surveillance AngularJs pour surveiller la valeur d'entrée et demander des données-js tutoriel-php.cn

Méthode de surveillance AngularJs pour surveiller la valeur d'entrée et demander des données

小云云

Libérer： 2018-03-07 14:21:19

original

1945 Les gens l'ont consulté

Cet article partage principalement avec vous la méthode de surveillance d'AngularJs pour surveiller la valeur d'entrée et demander des données. J'espère qu'il pourra vous aider.

1. Menu de saisie HTML et contrôles cachés

<p class="form-pider"></p>
<p class="form-item form-remark">
    <p class="item-title"><span class="adError">*</span> 投放产品</p>
    <input name="app" ng-model="chance.appName" type="text" class="item-select" placeholder="请填写产品名称">
</p>
<p ng-if="ishaveName==true" class="margin-top-1 adError">
    该应用已被商务"{{haveName}}"录入国，可保持沟通
</p>

Copier après la connexion

2. Commencez à utiliser la montre

1. Le contrôle $watch doit être initialisé, ng-model="chance.appName"

$scope.chance={
    appName:null};

Copier après la connexion

2. Démarrer le code de surveillance

1. signe dollar devant. Il y a des variables à l'intérieur et il n'y a pas de $scope

devant les variables 2. Si la valeur n'est pas obtenue, le contrôle d'invite ne doit pas être affiché. Ainsi, la variable $scope.ishaveName= false est définie. Notez que l'en-tête JS est initialisé à false Ce n'est que lorsque true que le contrôle d'invite sera affiché

3. Lorsque vous entrez $watch, modifiez les 2 $scope ci-dessus. .ishaveName est défini sur false

$scope.chance={
    appName:null};$scope.ishaveName= false;

Copier après la connexion

$scope.$watch(&#39;chance.appName&#39;,function () {
    $scope.ishaveName= false;     if($scope.chance.appName!=null&&$scope.chance.appName!=undefined&&$scope.chance.appName!=&#39;&#39;){         $http.get(ctx+&#39;/chance/findAdminByAppName?appName=&#39;+$scope.chance.appName)
             .success(function (data,status) {
                 if(data.result!=null){                     $scope.haveName= data.result.name;                     $scope.ishaveName= true;

                 }
             })
     }

});

Copier après la connexion

3. Code backend

1. 🎜>2. Service, lorsque le produit est configuré pour la personne connectée, il n'est pas nécessaire de vous demander, mais essayez d'inviter les autres autant que possible (les imbéciles le savent).

@Controller@RequestMapping("chance")@ResourceFolder(folder = "module/chance/")public class ChanceController {


    @GetMapping("findAdminByAppName")    @ResponseBody
    public ResponseBean findAdminByAppName(String appName){            try {               return ResponseBean.buildSuccess(customerChanceService.findAdminByAppName(appName));
            }catch (AppException e){                return ResponseBean.buildFailure(e.getMessage());
            }
    }
}

Copier après la connexion

3. mappeur

1 Tout d'abord, il doit être clair que ce que nous obtenons ici est le manager, donc le manager doit être le noyau.

//根据产品名字 ，查看是否有商务经理已经添加了该产品,选则一个不是自己的产品经理@Overridepublic SysAdminUser findAdminByAppName(String appName) {    if("".equals(appName)||appName==null){        return null;
    }
    Long adminId = CasConfig.RemoteUserUtil.getRemoteUserId();

    List<SysAdminUser> sysAdminUsers = customerMapper.findAdminByAppName(appName);    //有可能会出现多个人，那么首先如果是自己创建的话，就排除掉
    if(sysAdminUsers.size()>0){        if(adminId.compareTo(sysAdminUsers.get(0).getId())==0){
            sysAdminUsers.remove(0);
        }        if(sysAdminUsers.size()>0){            return sysAdminUsers.get(0);
        }
    }    return null;
}

Copier après la connexion

Recommandations associées :

<!--根据产品，名字，看出是否已经有商务经理在维护了，根据产品名字 ，查看是否有商务经理已经添加了该产品,如果前台传入的参数我空，则通过java判断，不能进入本sql，`否则会出错`-->
    <select id="findAdminByAppName" resultType="com.duodian.admore.entity.db.admin.SysAdminUser">        SELECT s.*        FROM `sys_admin_user`  s
        left JOIN  crm_customer_chance c on c.adminId = s.id        where c.isVisible = 1 and c.adminId is not NULL
        <if test="_parameter != null and _parameter!= &#39;&#39;">            and c.appName = #{_parameter}
        </if>        GROUP by id
    </select>

</mapper>

Copier après la connexion

.vue surveillance du fichier input événement d'entrée oninput explication détaillée

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!