कोणीय मूल्य बनाम फैक्टरी

Question

मैं angularjs के लिए नया हूँ। मैं यह पता लगाने की कोशिश कर रहा हूं कि एक मूल्य के रूप में मूल्य बनाम कारखाने का उपयोग कब करें।

.value('Data', function(){ 
    return {message:"I am data from a service"}; 
    }) 

Data.message एक इनपुट फ़ील्ड के लिए बाध्य है: यहाँ egghead.io ट्यूटोरियल से मेरी सरल कोड है। जब मैं पृष्ठ शुरू करता हूं, इनपुट फ़ील्ड में कुछ भी नहीं है। यदि मैं फ़ैक्टरी में मान बदलता हूं, तो इनपुट फ़ील्ड में डिफ़ॉल्ट संदेश दिखाई देता है।

controller('FirstCtrl', ['$scope','Data',function($scope, Data) { 
    $scope.data = Data; 
    console.log('exiting first controller'); 
    }]) 

और इंडेक्स फ़ाइल:

<div ng-controller="FirstCtrl"> 
    <input type="text" ng-model="data.message"> 
    <h1>{{data.message}}</h1> 
</div> 

क्यों पेज खाली जब मूल्य उपयोग कर रहा है

यहाँ contoller है? मेरी धारणा यह है कि जब ऐप शुरू होता है तो मूल्य की गणना या गणना नहीं की जाती है जबकि कारखाना होता है?

इसके अलावा, मुझे $ प्रदान करने पर कुछ दस्तावेज कहां मिल सकता है? आप सभी को धन्यवाद।

Answer 1

एक वस्तु के लिए मूल्य निर्धारित करें, बल्कि एक समारोह से:

app.value('Data', {message:"I am data from a service"}); 

Plunker

भी देखें provide.value(), और इस video about $provide (मूल्य, निरंतर, सेवा, कारखाने, डेकोरेटर, प्रदाता)

Answer 2

आपको नियंत्रक को

app.controller('DataController', ['Data', function DataController(Data){ 
     this.data = Data; 
    }]); 

के रूप में घोषित करना चाहिए

और फिर मेरी कोड

<div ng-controller='DataController as dataController'> 
     {{dataController.data()}} 
    </div>