簡單的角度綁定

-2

我做了一個非常小的應用程序，但綁定不作爲模型對象。這怎麼可能？簡單的角度綁定

angular.module("simpleapp", [])   
 
    .controller("Controller", ['$scope', function($scope) { 
 
     $scope.sample = {}; 
 
     $scope.sample.input = 4; 
 
    }]);

<body ng-app = "simpleapp" > 
 
    
 
    <input ng-model="sample.input" type="text" value="text" /> 
 
    <div ng-controller = "Controller"><p>input "{{sample.input}}"</p></div> 
 
    
 
</body>

來源

2016-02-25 user127520

在這裏你去[PLUNKR（http://plnkr.co/edit/qZE7FqRKp1pndQVvtkjx?p=preview） –

@ user127520你沒有得到你需要的東西從我的答案？ – Prasad

嗨，不，它不同。 – user127520

您正在使用HTML simpleapp，並在您的JS只是app。它們必須是相同的才能正常工作。

再加上你把範圍變量的輸入與控制器外部。它應該在裏面。

例如，您可以編輯HTML這樣的：

<body ng-app="app" ng-controller="Controller"> 
    <!-- other divs here --> 
</body>

來源

2016-02-25 02:59:29 fbid

嗨，是的，它應該是簡單的應用程序的地方，這是複製粘貼錯誤。不能在一些元素上使用控制器，而不是在整個身體上使用控制器？ – user127520

好吧兄弟發佈我一個對象，你喜歡我的過程和以綁定方式顯示..在這裏評論或更新作爲評論我的Plunker讓我知道 – Prasad

看看我剛剛更新我的Plunker。 – Prasad

你必須從<body ng-app="app">更新你的身體標記，然後你把把你輸入你的控制範圍內

<body ng-app="app"> 
     <div ng-controller = "Controller"> 
     <input ng-model="sample.input" type="text" value="text" /> 
     <p>input "{{sample.input}}"</p> 
     </div> 
</body>

來源

2016-02-25 03:05:40

我覺得第一件事，我已經注意到，當你使用ng-model時，你不必使用value屬性 –

沒有伴侶我沒有downvote你的回答我真的很討厭這樣做。我只是想指出的錯誤 –

當然我只是雙檢查..謝謝！ – Prasad

使用Proper Angularjs版本庫。您需要通過Angularjs Doucmentation進行試驗並嘗試通過試驗來了解。讓你變得更強

一些初級錯誤： -

你應該爲Html 元分配控制器後寫的所有代碼。否則，即使代碼正確，您的代碼也不會工作。您需要將變量分配給使用。

HTML代碼示例（通過採取看看代碼或以下Plunkers :-)明白自己的錯誤： -

<body ng-controller = "sampleController"> 

    <input ng-model="sample.node" type="text" /> 

     <p>input "{{sample.node}}"</p> 

     <input ng-model="sample1" type="text" /> 

     <p>input "{{sample1}}"</p> 

</body>

控制器編碼： -

angular.module("sampleApp", []) 
      .controller("sampleController", ['$scope', function($scope) { 

       $scope.sample = {'node':1}; 

       $scope.sample1 = 'my first default value'; 

      }]);

這裏我們去簡單綁定示例： -

http://jsfiddle.net/cmckeachie/Y8Jg6/

Plunker幾乎沒有更多的數據的概念結合： - https://plnkr.co/edit/TmAsSCKQDHfXYEbCGiHW?p=preview

去通過文檔一些更多的瞭解GOOD LUCK !!

來源

2016-02-25 04:23:07 Prasad

嗨。不，這不會回答。我想要的是在控制器中使用我的對象，示例。但是在所有的例子中，創建對象都沒有，所有的例子都像你的。它可以是一個具有一些屬性的對象範圍，而不是不同的對象，就像在你的例子中一樣？當我嘗試不同的時候，它會起作用，當一個人沒有時。 – user127520

Atul，NV Prasad和fbid的回答是絕對正確的。您可以在這裏查看DEMO。他們已經錯過了

一件事是綁定你的元素，角variable.That另一種方法是使用ng-bind。它的使用方法如下：

<p ng-bind="sample.input"></p>

什麼ng-bind="sample.input"和之間的區別{{sample.input}}？

當加載一個頁面，使用{{}}符號，你會看到大括號，直到角內容rendered.In NG綁定的情況下，你不會的。

有關詳細信息：LINK和this answer specifically

來源

2016-02-25 04:31:57

你的更新回答比我更少的進展我不使用ng-bind，這是一個良好的習慣。 – Prasad

你必須在登陸頁面上使用ng-bind而不是在你的部分視圖中。 –

簡單的角度綁定

回答

相關問題