angular.js怎样实现Jq的addclass\removeclass

乱世中的单纯 发布于 2016/08/23 16:46
阅读 193
收藏 0

<a >编辑信息</a>

.border-none{

border:none;

}

如何用angular.js实现点击a标签,添加类border-none,再次点击,删除类border-none


加载中
0
huison
huison

给你个例子吧

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
<head>
  <title>show-hide</title>
  <script src="JS/angular.min.js"></script>
  <script>
    var app = angular.module('app', []);
    app.controller('showHideController', function ($scope) {
      $scope.isShow = true;
      $scope.showorhide = function () {
        $scope.isShow = !$scope.isShow;
      }
    });
  </script>
  <style>
    .div {
      border: 1px solid #0094ff;
      background-color: rebeccapurple;
    }
  </style>
</head>
<body>
  <div ng-controller="showHideController">
    <div ng-show="isShow" class="div">this is a div which is show</div>
    <!--<div ng-show="!isShow" class="div">this is a div which is hide</div>-->
    <button ng-click="showorhide()">按钮</button>
  </div>
</body>
</html>



我网上复制的。

1
Narky
Narky

NG就用NG的思维啊,数据绑定才是正确的做法

用ng-class

0
skhuhu
skhuhu
ng-click 事件啊···然后在js里面用jquery操作 可能我这个方法有点low
skhuhu
skhuhu
回复 @张亦俊 : 是的 我也觉得我出的是馊主意哈哈
张亦俊
张亦俊
然后没有model去对应,这一点也不MVC,还不如不用angular……
返回顶部
顶部