सरल JSFiddle

पर चल AngularJS कैसे मैं निम्नलिखित कोड के बाहर एक jsfiddle कर सकता हूँ:सरल JSFiddle

<html> 
<head> 
</head> 
<body> 
    <div ng-app ng-controller="MainCtrl"> 
     <ul> 
      <li ng-repeat="num in nums"> 
       {{num}} 
      </li> 
     </ul> 
    </div> 

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script> 

    <script type="text/javascript" charset="utf-8"> 
     function MainCtrl($scope) { 
      $scope.nums = ["1","2"]; 
     } 
    </script> 
</body> 
</html>

मेरे गैर काम कर रहे प्रयास: http://jsfiddle.net/zhon/3DHjg/ कुछ भी नहीं पता चलता है और त्रुटियाँ हैं।

स्रोत

2013-02-06 zhon

http://pkozlowskios.wordpress.com/2012/08/12/using-jsfiddle-with-angularjs/ –

@mark, यह सामान्य मामला उत्तर देता है। क्या आप इसे उत्तर के रूप में लिख सकते हैं ताकि मैं इसे "स्वीकार" कर सकूं। – zhon

लोड प्रकार का चयन करने के बाद: "कोई लपेटें - में" जावास्क्रिप्ट सेटिंग में मेरे लिए काम किया। – Thulasiram

@pkozlowski .opensource में AngularJS नमूना प्रोग्राम लिखने के लिए jsFiddle का उपयोग करने के तरीके के बारे में एक अच्छा blog post है।

स्रोत

2013-02-06 17:18:44

आपने अपने नियंत्रक को फ़ंक्शन स्कोप में परिभाषित किया है जो कोणीय तक पहुंच योग्य नहीं है (कोणीय अभी तक लोड नहीं हुआ है)। दूसरे शब्दों में आप कोणीय पुस्तकालय के कार्यों को प्राप्त करने से पहले कोणीय पुस्तकालय के कार्यों और सहायकों को नीचे उदाहरण की तरह कॉल करने का प्रयास कर रहे हैं।

function onload(){ 
function MainCtrl(){} 
}

इसके समाधान के लिए, अपने कोणीय लोड प्रकार स्विच No wrap - in <body> होने के लिए स्क्रीनशॉट में दिखाया गया है।

यहाँ

एक काम example in jsfiddle

स्रोत

2013-02-06 16:08:49 mpm

मुझे "ऑनलोड" – zhon

आप इस काम करने के लिए jsFiddle में कुछ चीजों को निर्धारित करने की आवश्यकता है।

सबसे पहले, बाएं पैनल पर, "फ्रेमवर्क & एक्सटेंशन" के तहत, "कोई लपेटें - < शरीर>" चुनें।

अब, "फिडल विकल्प", परिवर्तन "द बॉडी टैग" <body ng-app='myApp'>

जे एस पैनल में करने के लिए के तहत, अपने मॉड्यूल आरंभ:

var app = angular.module('myApp', []);

इसे देखें: http://jsfiddle.net/VSph2/1/

स्रोत

2013-02-06 16:15:41 dutzi

के बजाय "कोई लपेटें (बॉडी)" चुना जाना चाहिए था मुझे अपने ऐप को प्रारंभ करने की आवश्यकता क्यों है? उदाहरण इसके बिना काम करता है। – zhon

मैं जो इस पृष्ठ पर आते हैं के लिए मेरा उत्तर लिख रहा हूँ, मैं आधे घंटे मुझे एहसास हुआ कि एनजी मॉड्यूल अनुमति और आप नहीं कर रहा है के बाद एनजी मॉड्यूल का उपयोग करने के निर्देश लेकिन jsfiddle में इस्तेमाल किया गया था कोई त्रुटि नहीं, और जब एनजी-मॉड्यूल से एनजी-एप फिडल बहुत अच्छी तरह से काम करता था। मैं इसे साझा करना चाहता था .और कोई लपेटें (बॉडी) भी आवश्यक है।

फिर HTML बटन क्लिक करें और में एनजी-ऐप को जोड़ने: जावास्क्रिप्ट बटन, कोणीय संस्करण और जगह है जहाँ यू चाहते भरी हुई स्क्रिप्ट शामिल चुनें

<div ng-app="appX" ng-controller="appCtrl"> 
    <p>{{greeting}} 
    </p> 
</div>

var app=angular.module("appX",[]); 
console.log(app); 
app.controller("appCtrl",function($scope){ 
$scope.greeting="Hello World"; 
});

https://jsfiddle.net/cloudnine/trgrjwf1/7/

स्रोत

2015-12-22 09:03:17 katmanco

क्लिक करें शरीर टैग यह सब :)

स्रोत

2017-04-13 21:43:38

के बाद से कोणीय 1.4.8 अपने JavaScript सेटिंग पैनल में कोणीय V1 के लिए शीर्ष विकल्प के रूप में JSFiddle द्वारा चुना गया है, और अधिक प्रतिबंध लागू होता है: दोनों ng-app और ng-controller HTML में घोषित किया जाना चाहिए यह काम करने के लिए ।

नमूना HTML:

<div ng-app="myApp" ng-controller="myCtrl"> 
    <input type="text" ng-model="sample" placeholder="type something here..."> 
    <span>{{sample}}</span> 
</div>

नमूना जे एस:

angular.module('myApp', []) 
    .controller('myCtrl', function($scope) {});

https://jsfiddle.net/y170uj84/

इसके अलावा, नवीनतम कोणीय 1.6.4 के साथ परीक्षण किया बाहरी संसाधन के रूप में सेट करके।

स्रोत

2017-07-16 05:32:55 themefield

कोणीय 5 में छोटे प्रयोगों के लिए, आप https://stackblitz.com/ का उपयोग कर सकते हैं। इस साइट का उपयोग लाइव डेमो चलाने के लिए कोणीय दस्तावेज़ में किया जाता है। उदाहरण के लिए, https://stackblitz.com/angular/eybymjopmav

स्रोत

2018-02-12 08:30:20

सरल JSFiddle

उत्तर

संबंधित मुद्दे