2014-10-13 68 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

可能重複http://stackoverflow.com/questions/5431351/simple-example- doesnt-work-on-jsfiddle) – JJJ

+0

根本原因可能是相同的。但是,這可能不是某個人學習新東西時首先想到的東西。它可能對未來某個人有用。不能說重複 – Zach

+2

@Sachu即使問題被標記爲重複,也不表示它將被刪除。如果他們能夠跟上「根本原因」的聯繫,那麼對未來某個人來說,這將會更加有用。 – JJJ

回答

1

JSFiddle有一個默認設置爲「onLoad」守則總結下拉。

下拉有4個選項:

  • onLoad:換行代碼,以便它會的onLoad窗口中運行。
  • eventonDomReady:將代碼包裝好以便在onDomReady窗口事件中運行。
  • no wrap - in <head>:不包裝JavaScript代碼, 將它放在部分。
  • no wrap - in <body>:不要包裝 JavaScript代碼,請將其放在部分中。

Here's該文檔。

Here's我已經改變後您的工作代碼onloadno wrap - in <body>

[簡單的例子上的jsfiddle不工作(的
+0

它的工作原理:-)你能告訴我的區別 –

+1

我編輯並添加了詳細信息。 –

+0

感謝您的回答:-) –

相關問題