在離子移動應用程序開發中，我對離子移動應用程序開發相當陌生，在構建於離子上的Android應用程序中顯示段落文本

Question

。目前我正在開發Android應用程序開發。我的要求是顯示一個列表，點擊該列表上的任何項目顯示一個相應的段落。同樣，我已經在services.js中的數組中添加了內容，如離子應用程序開發中的示例應用程序中的指示。我的查詢是我想在前端的不同段落中顯示文本內容。 請幫助

Answer 1

使用工廠電腦板

angular.module('starter.controllers', []) 

.controller('AppCtrl', function($scope, $ionicModal, $timeout) 
{}) 

.controller('PlaylistsCtrl', function($scope,Chats) 
{ 
    $scope.chats = Chats.all(); 
}) 

.controller('PlaylistCtrl', function($scope, $stateParams,Chats) 
{ 
    $scope.chat = Chats.getOne($stateParams.id); 
}) 

.factory('Chats', function() 
{ 
// Might use a resource here that returns a JSON array 
var chats = 
[{ 
     id: 0, 
     name: 'item1', 
     desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' 
     }, { 
     id: 1, 
     name: 'item2', 
     desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' 
     }, { 
     id: 2, 
     name: 'item3', 
     desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' 

     }, { 
     id: 3, 
     name: 'item4', 
     desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' 
     }, { 
     id: 4, 
     name: 'item5', 
     desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' 
}]; 

return { 
    all: function() 
    { 
    return chats; 
    }, 
    getOne:function(id) 
    { 
    return chats[id]; 
    } 
}; 
}); 

Answer 2

我已經得到了解決這個查詢。希望它對其他人有所幫助。解決方法非常簡單，純粹的css -
使用\ n在任何時候你需要換行，並且在html中用div = style =「white-space：pre-wrap」來包裝你的div。而已！
Preserve line breaks in angularjs