2015-06-09 12 views
5

में मूल्य नहीं दिखाते हैं हाय मैंने कई प्रश्नों से कई लेख और उत्तर की कोशिश की है लेकिन कोई भाग्य नहीं है, मैं एक खाली आयनिक प्रोजेक्ट का उपयोग कर रहा हूं और यह मेरे ब्राउज़र पर ionic.serve के साथ चलता है, यहां कोई भी नहीं है त्रुटियों को दिखा रहा है।कोणीय जेएस घुंघराले ब्रेसिज़ एचटीएमएल

{{truck}} अपने आवेदन के बजाय मूल्य "Truck Value" और भी {{truck}} स्थायी रूप से यह रूप में जल्द ही मैं ब्राउज़र को ताज़ा के रूप में ब्लिंक प्रकट नहीं होता है में दिखाया गया है।

html 
<body ng-app="starter"> 
    <div ng-controller="Ctrl"> 
     <h2>hey {{truck}}</h2> 
    </div> 
</body> 

js 

var example = angular.module('starter', ['ionic', 'ngCordova']) 
... 
example.controller("Ctrl", function() { 

     var truck = "Truck Value";        

    }); 

उत्तर

2
example.controller("Ctrl", function($scope) { 

     $scope.truck = "Truck Value";        

    }); 
+0

धन्यवाद यह प्रदर्शित करता है {{ट्रक}} स्थायी रूप से, लेकिन अभी भी मूल्य नहीं दिखाता है @Artemkh –

+0

कभी भी ध्यान न दें कि मेरे पास अभी टाइपो त्रुटि है धन्यवाद यह @Artemkh –

+0

@RenaldoGeldenhuis का स्वागत है आपका स्वागत है – ArtemKh

2

आप $ गुंजाइश इस

example.controller("Ctrl", function($scope) { ... } 

की तरह एक पैरामीटर के रूप में इस

$scope.truck = "Truck Value"; 
0
example.controller("Ctrl", function($scope) { 

    $scope.truck = "Truck Value";        

}); 
+0

यह नियंत्रक में '$ स्कोप 'इंजेक्शन के बिना काम नहीं करेगा। –

1

दर्रे की तरह इस समारोह के अंदर गुंजाइश के लिए अपने डेटा गुजरती हैं और आवंटित करने के लिए की जरूरत है पैरामीटर के रूप में $ स्कोप और फिर कोशिश करें:

var example = angular.module('starter', ['ionic', 'ngCordova']) 
... 
example.controller("Ctrl", function($script) { 

     $scope.truck = "Truck Value";        

    }); 
0

उपयोग वीएम बल्कि कोणीय के भविष्य के रिलीज में $ गुंजाइश की तुलना में यह कई चर्चा के अनुसार हटा दिया जाएगा तो बजाय $ दायरे से वी एम का अभ्यास कर

(function() { 
     'use strict'; 
    var example = angular.module('starter', ['ionic', 'ngCordova']) 
     var controllerId = 'Ctrl'; 

    example.controller(controllerId,[Ctrl]); 

     function Ctrl() { 

      var vm = this; 
      vm.truck="Truck Value"; 
      } 
    })(); 

in html 


<body ng-app="starter"> 
    <div ng-controller="Ctrl"> 
     <h2>hey {{vm.truck}}</h2> 
    </div> 
</body> 
संबंधित मुद्दे