2017-04-21 22 views
0
<div ng-app="myApp" ng-controller="myCtrl"> 

First Number: <input type="text" ng-model="firstNum"><br> 
Last Number: <input type="text" ng-model="lastNum"><br> 
<br> 
Result: {{firstNum + lastNum}} 

</div> 

我有問題增加,因爲這兩個串聯內置的電話號碼,但沒有增加,而且,當輸入是空的,我得到空。總和與角JS v1.5.5

檢查其他帖子,我不知道它爲什麼不來我。

這裏是一個圖像... enter image description here

我有我的應用程序在惠爾康和改變estructure角:

myApp.config(function($interpolateProvider) { 
    $interpolateProvider.startSymbol('[['); 
    $interpolateProvider.endSymbol(']]'); 
}); 

要放棄角的版本,從我的應用程序中刪除它,並用角[嘗試v1.5.5和v1.6.2]和純HTML,它工作正常。

但是在我的phalcon中使用的應用程序中,AngularJS我也使用了 ui-bootstrap-tpls-0.12.0.min.js,因爲我在模態中執行的加法過程,我猜一些衝突正在進行用ui-bootstrap-tpls-0.12.0.min.js,因爲出現這個問題,它總結得不好,它不能很好地相加。

這是我在應用程序中使用的腳本:script of my app

我不知道如何解決這個問題,一些幫助將是非常重要的。

+0

檢查我的答案: ) 但是,如果您的屏幕截圖中,您的第一個輸入字段類型似乎是「數字」而不是「文本」。也許它導致這件事 – Zooly

+0

使用'type =「number」' – charlietfl

+0

檢查type =「number」; 只是在顯示的圖像是type =「number」,我不知道他們是否注意到 – ALDEAL1993

回答

0

我在Plunker中試過你的代碼,它工作的很好!

我用角1.5.5 &最後1.6.2,並沒有得到這個NULL

您可以爲您的NG-模型指定默認值?

Plunker鏈接:http://plnkr.co/edit/Z14d8wCNjhY8ht7TwQhB?p=preview

檢查,並告訴我,如果script.js比你的不同,但我可以告訴你們,這是很好的工作。

+0

不適合我...連接成預期使用「文本」輸入的字符串 – charlietfl

+0

您的工作是正確的朋友,只有角度探測並且工作良好。 的問題是,總和我在一個浮動的模式做的,我在我的應用程序角route.min.js [AngularJS V1.6.2], 我猜有些衝突是怎麼回事,用因爲有問題來了, 它沒有總結好,它不加起來以及 – ALDEAL1993

+0

只需更改類型=「數字」沒有文字,以及#charlietfl – ALDEAL1993

0

試試這個:

{{firstNum.toString() + lastNum.toString()}} 

的toString()將解決 「空」 的文本內容,同時還CONCAT與+

+1

工作,請編輯您的答案,包括一些解釋。僅有代碼的答案對未來SO讀者的教育很少。您的回答是在低質量的審覈隊列中。 – mickmackusa

0

從類型更改功能= 「文本」 爲type = 「數字」 (HTML5) 嘗試下面的代碼

類型= 「數字」

或者你可以保持HTML,因爲它是 嘗試下面的代碼(變化只是表達)

結果:{{(firstNum - 0)+(lastNum - 0)}}