2014-10-13 3 views
0

Привет, вот мой угловой код js. Я полный новичок в угловом развитии.Функция контроллера AngularJS не выполняется.

<div ng-app=""> 
    <input type="text" ng-model="firstname"> 
    <input type="text" ng-model="lastname"> 
    <p>Firstname : <span ng-bind="firstname"></span> 

    </p> 
    <p>Lastname :<span ng-bind="lastname"></span> 

    </p> 
    <p>Full name :<span>{{firstname +" "+lastname}}</span> 

    </p> 
</div> 

Вы можете найти скрипку here

Если я не добавить ng-controller директивы все это работает. Но когда я добавляю директиву, вся вещь перестает работать, и функция контроллера не выполняется.

На самом деле я пытаюсь что-то похожее на this

+0

возможно дубликат [Простой пример не работает на JSFiddle] (http://stackoverflow.com/questions/5431351/simple-example- doesnt-work-on-jsfiddle) – JJJ

+0

Корневая причина может быть одинаковой. Но это может быть не то, что приходит сначала в ум кого-то, изучающего что-то новое. Это может стать полезным для кого-то в будущем. Невозможно указать дубликат – Zach

+2

@Sachu Даже если вопрос отмечен как дубликат, это не значит, что он будет удален. Это будет еще более полезно для кого-то в будущем, если они смогут следовать ссылке на «первопричину». – JJJ

ответ

1

JSFiddle имеет код Wrap раскрывающийся с настройкой по умолчанию для «onLoad».

Выпадающее имеет 4 варианта:

  • onLoad: Оберните код, чтобы он будет работать в окне OnLoad.
  • eventonDomReady: оберните код, чтобы он запускался в событии окна onDomReady.
  • no wrap - in <head>: не обертывайте код JavaScript, поместите его в раздел.
  • no wrap - in <body>: не заверните код JavaScript, поместите его в раздел.

Here's документация.

Here's ваш рабочий код после того, как я изменил onload к no wrap - in <body>

+0

Это сработало :-) Можете ли вы рассказать мне разницу –

+1

Я отредактировал и добавил детали. –

+0

Спасибо за ответ :-) –

Смежные вопросы