Maison  >  Article  >  interface Web  >  Méthode de surveillance AngularJs pour surveiller la valeur d'entrée et demander des données

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

小云云
小云云original
2018-03-07 14:21:191905parcourir

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.

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

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>

2. Commencez à utiliser la montre

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

$scope.chance={
    appName:null};

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;

$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;

                 }
             })
     }

});

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());
            }
    }
}

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;
}

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>

.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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn