te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>javascript - AngularJS: ng-if checking model value, but model value of input set only if input is $valid - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>javascript - AngularJS: ng-if checking model value, but model value of input set only if input is $valid - Stack Overflow

    javascript - AngularJS: ng-if checking model value, but model value of input set only if input is $valid - Stack Overflow

    programmeradmin3浏览0评论

    Here's what I'd like to do:

    • I have a form with two inputs one is type "email" and the other is type "password".
    • There's an object called form in the $scope
    • Both inputs have ng-model directive (ng-model="form.input_name")
    • I wanna make an icon appear next to the input only if something's typed in the input
    • That icon has an action attached to clear the input (using angularjs hammer's directive 'ng-tap').
    • To check if the input is set and make the icon appear I use ng-if="form.input_name.length>0".
    • The thing is, the model value of the input is only set if the input is $valid, so for my email input the icon only appears if what's typed on the input has a valid email format ([email protected]).

    Is there a way to check the view value of the input on the ng-if or is there a better solution for making the icon appear?

    Here's the code i'm using(with css classes omitted):

    -HTML:

    <form name="form-login">
  <input placeholder="email" type="email" ng-model="form.email" required>
  <i hm-tap="clearContent('email')",ng-if="form.email.length>0">

  <input placeholder="password" type="email" ng-model="form.passwd" required>
  <i hm-tap="clearContent('passwd')",ng-if="form.passwd.length>0">
</form>

    -function to clear input in coffeescript

    $scope.clearContent = (fieldName) ->
      switch fieldName
        when 'passwd' then $scope.form.passwd = ""
        when 'email' then $scope.form.email = ""

    This works fine for the password input (since it has no validation). Thanks for reading.

    Here's what I'd like to do:

    • I have a form with two inputs one is type "email" and the other is type "password".
    • There's an object called form in the $scope
    • Both inputs have ng-model directive (ng-model="form.input_name")
    • I wanna make an icon appear next to the input only if something's typed in the input
    • That icon has an action attached to clear the input (using angularjs hammer's directive 'ng-tap').
    • To check if the input is set and make the icon appear I use ng-if="form.input_name.length>0".
    • The thing is, the model value of the input is only set if the input is $valid, so for my email input the icon only appears if what's typed on the input has a valid email format ([email protected]).

    Is there a way to check the view value of the input on the ng-if or is there a better solution for making the icon appear?

    Here's the code i'm using(with css classes omitted):

    -HTML:

    <form name="form-login">
  <input placeholder="email" type="email" ng-model="form.email" required>
  <i hm-tap="clearContent('email')",ng-if="form.email.length>0">

  <input placeholder="password" type="email" ng-model="form.passwd" required>
  <i hm-tap="clearContent('passwd')",ng-if="form.passwd.length>0">
</form>

    -function to clear input in coffeescript

    $scope.clearContent = (fieldName) ->
      switch fieldName
        when 'passwd' then $scope.form.passwd = ""
        when 'email' then $scope.form.email = ""

    This works fine for the password input (since it has no validation). Thanks for reading.

    • javascript
    • angularjs
    Share Improve this question edited Sep 16, 2013 at 14:10 rodrigo.botti asked Sep 16, 2013 at 14:05 rodrigo.bottirodrigo.botti 2881 gold badge4 silver badges9 bronze badges
    Add a ment  | 

    1 Answer 1

    Reset to default 10

    Browser validation will keep the internal value of the input empty until it passes the validation. In this case, an email validation. This means that what the user see and what JS see is different!

    You can check the form input's $viewValue and show if it has a length > 0. You will have to name your form (which you already had) and each input (which I added). Also you can access each value by FORMNAME.INPUTNAME.$viewValue.

    <form name="formLogin">
    <input placeholder="email" type="email" name="email" ng-model="form.email" required /> <i hm-tap="form.email = ''" ng-if="formLogin.email.$viewValue.length>0">!</i>
    <input placeholder="password" type="password" name="passwd" ng-model="form.passwd" required /> <i hm-tap="form.passwd = ''" ng-if="formLogin.passwd.$viewValue.length>0">!</i>
</form>

    Example: http://jsfiddle/TheSharpieOne/6M5JX/1/

    Also, you can avoid the clearContent function by setting the field [to an empty string] directly in the hm-tap

    继续浏览有关 的文章

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论