2015-11-28 3 views
1

Я пытался узнать самую основную реализацию контроллеров и модулей в AngularJS.Контроллер AngularJS не работает в jsFiddle

Here is the code I have tried:

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.firstName= "John"; 
 
    $scope.lastName= "Doe"; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
<h1> 
 
    This is the most <a href='http://www.w3schools.com/angular/tryit.asp?filename=try_ng_intro_controller'>basic angularJS controller</a> implementation 
 
    </h1> 
 
First Name: <input type="text" ng-model="firstName"><br> 
 
Last Name: <input type="text" ng-model="lastName"><br> 
 
<br> 
 
Full Name: {{ firstName + " " + lastName }} 
 

 
</div>

Выход не получает обновление:

output

ответ

2

Вы должны выбрать No wrap - in <body> в раскрывающемся меню в рамочных и расширениях вкладки, проверить ПОС:

enter image description here

Обновлено JSFiddle

1

Просто небольшая проблема,

Angul Сценарий arjs не получил ссылки. Просто измените его, чтобы обернуть его в голове,

Здесь рабочим JsFiddle

+0

Спасибо @Sajeetharan - возможно ли загружать boostrap и angularJS одновременно в jsFid DLE? Если да, то как? – xameeramir

+1

да, вы можете это сделать – Sajeetharan

+0

Спасибо @Sajeetharan. Но как из сидмену? – xameeramir