沒有錯誤時沒有顯示。該代碼是工作的罰款

app.js沒有錯誤時沒有顯示。該代碼是工作的罰款

angular.module('app', ['ionic', 'ui.router']) 

.config(('$urlRouterProvider', '$stateProvider', function($urlRouterProvider,$stateProvider){ 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider 
    .state('view',{ 
     url:'/', 
     templateUrl:'js/components/view/view32.html', 
     controller:'viewCtrl' 
    }) 

}))

server.js

var express= require('express'); 
var mongoose = require('mongoose'); 
var bodyParser=require('body-parser'); 
var cors= require('cors'); 
var app= express(); 
var multiparty= require('connect-multiparty'); 
var multipartMiddleware= multiparty(); 
var viewController=require('./controllers/viewController'); 
var shareController=require('./controllers/shareController'); 
var configs = require('./configs/config.js'); 
configs.setConfigs(); 

mongoose.connect(process.env.MONGO_URL); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ 
    extended: true 
})); 
app.use(multipartMiddleware); 
app.use(cors()); 

app.use('/app', express.static(__dirname+ '/app')); 
app.get('/',function(req,res){ 
    res.sendFile(__dirname +'/index.html'); 
}); 
app.post('/share', multipartMiddleware, shareController.shareNewPicture); 
app.get('/getNewPhoto', viewController.getNewPhoto); 
/*app.use(function(req, res, next) { 
    res.setHeader("Access-Control-Allow-Origin", "*"); 
    res.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); 
    res.header('Access-Control-Allow-Methods','POST, GET, OPTIONS, PUT'); 
next(); 
});*/ 
var port = 8080 || process.env.PORT; 
app.listen(port, function(){ 
    console.log('Server Started '+ port); 
});

view.js

(function(window, angular, undefined) 
{ 
    angular.module('app') 
    .controller('viewCtrl',['$scope','$state','$http',function($scope,$state,$http) 
    { 
     $scope.pics=[]; 
     $http.get('http://localhost:8080/getNewPhoto').then(function(response){ 
      $scope.pics=response.data; 
      console.log('Hello photos are here'); 
     },function(err) 
     { 
      console.error("There's an error"+err); 
     }) 
    }]) 
})(window,window.angular)

在那裏我打電話意見指數中的index.html。 html

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 
    <link rel="manifest" href="manifest.json"> 
    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.4.2/angular-ui-router.min.js"></script> 
    <script src="cordova.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/components/view/view.js"></script> 
    </head> 
    <body ng-app="app"> 

    <ion-pane> 
     <ion-header-bar class="bar-stable"> 
     <h1 class="title"></h1> 
     </ion-header-bar> 
     <ion-content> 
     <div ui-view> 
     </div> 
     </ion-content> 
    </ion-pane> 
    </body> 
</html>

這裏，我想顯示 view1.html

<div> 
    <div ng-repeat='pics in pic'> 
     <p> This is the view.html</p> 
     <img ng-src={{pic.url}}/> 
    </div> 
</div>

沒有什麼可欣賞發生的view.html。我試圖獲取照片的視圖，但沒有顯示任何錯誤或任何視圖。請有人幫忙！

來源

2017-04-08 Asad Arshad

什麼在response.data來嗎？ –

你有沒有試過像'console.log（response.data）;'''一樣登錄'response.data'？ – lin

在阿賈克斯你寫：

$scope.pics=response.data;

但在你的NG-重複你寫：

<div ng-repeat='pics in pic'>

變化

<div ng-repeat='pic in pics'>

來源

2017-04-09 04:20:39 Akashii

感謝兄弟問題解決@thangtung –

沒有錯誤時沒有顯示。該代碼是工作的罰款

回答

相關問題