2015-10-11 47 views
0

下面是兩個場景的問題:Angularjs不能在Windows Chrome和Firefox的工作編寫自己的代碼後

1)我現在面臨的問題是,如果我寫在這裏的一些答案,我想補充演示的例子爲angularjs使用片段。當我爲angularjs添加適當的工作代碼,包括代碼片段上的腳本文件和新聞運行。沒有任何工作。沒有控制檯錯誤。一切都加載包括angularjs腳本文件。

現在,如果我將該片段添加到我的答案中,並在我的筆記本電腦中檢查它,它工作正常,或者如果我重新加載該頁面後檢查我自己的答案,代碼段工作正常,這是不工作,當我嘗試編寫一些代碼在答案的片段。

創建小提琴時也會出現同樣的情況。

2)Link for Fiddle

如果我嘗試在新標籤頁中打開上述鏈接搗鼓搗鼓,然後是工作的罰款。

但問題是如果我從小提琴複製相同的代碼,並使用相同的代碼新的小提琴,添加angularjs腳本,並嘗試運行它,它不具約束力的範圍值,以HTML和返回下面輸出

If you change the value with the arrows ng-change doesn't work on the first change. [SHOW ONE DROPDOWN WITH NO OPTION] {{selected}} 

問題:我如何解決這個問題,並使angularjs啓動並運行?

+0

看起來正常的行爲給我嗎? – YOU

+0

對我來說根本不是... :) –

+0

一切似乎都OK ..小工作正常......實際上得不到你的觀點 –

回答

1

我找到了解決方案,該解決方案是通過DIV的起始加入ng-app/HTML讓我總是不加我的例子工作。它在小提琴和片段中工作。

在問題的小提琴,還有默認ng-app已經添加了這樣的工作是提琴工作正常,但通過創造新的小提琴ng-app默認不會因此不工作,但通過手動添加它,它工作正常補充。

var application = angular.module('myApp', []); 
 
application.controller('myController', function($scope) { 
 
    $scope.myData = 'It\'s Working '; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myController"> 
 
    {{myData}} 
 
</div>

0

從您的描述看,AngularJS庫看起來並未加載到您的環境中。確保您已將其包含在HTML頁面的body中。

另外關於你的jsFiddle中的問題,當你複製粘貼一個現有的工作小提琴時不起作用,你需要選擇合適的庫並將其加載行爲從onLoad更改爲No-wrap - in <body>。當你點擊工作小提琴時,它會起作用,因爲這些首選項是預加載的。當你創建一個新的,你可能不會改變默認,其中onLoad

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular.min.js"></script> 
+0

在外部庫或jsfiddle的HTML部分嘗試給出'src'的角度...但我的壞運氣..它不工作... –

+0

好吧,讓我們試圖排除它不是圖書館加載問題。將jsFiddle中的代碼複製並粘貼到新的jsFiddle窗口中。在新窗口中,在左上方的窗格中會有兩個下拉選擇元素。選擇AngularJS 1。2'從第一個下拉開始,然後從第二個下拉開始「不換 - 在」。現在嘗試運行該程序。如果它不像原來的jsFiddle那樣工作,那就一定還有其他的事情發生。使用相同的http://jsfiddle.net/HB7LU/18427/ jsFiddle,所以我們在同一頁面上。 –

+0

[圖片](http://imgur.com/a/oRplO)..我試過你的建議,但沒有工作..我一樣認爲這個問題與其他東西有關...可能是OS ..檢查圖像jsfiddle –

相關問題