只做记录
结构如下:1
2
3
4
5
6
7
8
9<center id="ng-app" ng-app="Vchan" ng-controller="sharecircleCtrl">
<ul class="my-ul">
<li ng-repeat="data in datas">
<p ng-bind="data.name"></p>
<button ng-if="data.show" ng-click="toggle(data)" >更多</button>
<button ng-if="!data.show" ng-click="toggle(data)" >更少少少少少</button>
</li>
</ul>
</center>
####正确做法1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<script>
var app = angular.module('Vchan', []);
app.controller('sharecircleCtrl', function($scope,$http,$location,$compile) {
$scope.datas=[
{name:'上海楼市“退烧”成交低迷 均价下跌只因主力在郊区上海楼市“退烧”成交低迷 均价下跌只因主力在郊区上海楼市“退烧”成交低迷 均价下跌只因主力在郊区上海楼市“退烧”成交低迷 均价下跌只因主力在郊区上海楼市“退烧”成交低迷 均价下跌只因主力在郊区'},
{name:'上海即日起重点整治十类交通违法行为上海即日起重点整治十类交通违法行为上海即日起重点整治十类交通违法行为上海即日起重点整治十类交通违法行为上海即日起重点整治十类交通违法行为'},
{name:'警方通报顺丰快递员被打事件 打人者被拘留10日警方通报顺丰快递员被打事件 打人者被拘留10日警方通报顺丰快递员被打事件 打人者被拘留10日'},
{name:'上海女子驾玛莎拉蒂不服交警指挥,致严重拥堵被行拘5天上海女子驾玛莎拉蒂不服交警指挥,致严重拥堵被行拘5天上海女子驾玛莎拉蒂不服交警指挥,致严重拥堵被行拘5天'},
{name:'别看它便宜,它可以清除血液垃圾,让你越活越年轻!别看它便宜,它可以清除血液垃圾,让你越活越年轻!别看它便宜,它可以清除血液垃圾,让你越活越年轻!别看它便宜,它可以清除血液垃圾,让你越活越年轻!'}
];
$scope.toggle=function(data){
data.show= !data.show //此处应该直接在定义的方法中用参数直接写事件,而不是用$scope.show = !$scope.show
};
});
</script>