[ionic开源项目教程] - 第9讲 新闻详情页的实现

.state(‘tab.tab1-details‘, {
    url: ‘/tab/tab1-details/:id/:title‘,
    views: {
      ‘tab1‘: {
        templateUrl: ‘templates/tab1-details.html‘,
        controller: ‘Tab1DetailsCtrl‘
      }
    }
  })

<ion-view title="{{title}}">
   <ion-content class="padding">
        <div ng-bind-html="item.message"></div>
   </ion-content>
</ion-view>

<a ng-repeat="item in slide.items" class="item item-thumbnail-right item-text-wrap" ng-click="goDetails(item)">
    <img ng-src="{{imgUrl+item.img}}" width="30" height="30" alt="">
    <h3>{{::item.title}}</h3>
    <p>{{::item.description | substring:item.description}}</p>
</a> 

$scope.goDetails = function (item) {
    $state.go(‘tab.tab1-details‘, { id: item.id,title:item.title })
}

this.getDetails = function (id) {
    return $http.get(urls.info_show + id);
}

var server = {
    domain : "http://www.tngou.net/api",
    imgUrl : "http://tnfs.tngou.net/image"
}

var urls = {
    info_show:server.domain+"/info/show?id="
}
var settings = {
    rows : 10
}

var cache = {
    user: "TongeNews"
}

 .controller(‘Tab1DetailsCtrl‘, function ($scope, $stateParams, Tab1Service) {
        var id = $stateParams.id;
        $scope.title = $stateParams.title;
        Tab1Service.getDetails(id).success(function (response) {
            $scope.item = response;
        })
    })