在AngularJS綁定視圖之間進行動態切換

我很新的AngularJS和我目前正在試圖找出如何最好地處理這個功能：在AngularJS綁定視圖之間進行動態切換

我正在尋找一種方式，我有沿<span editable>I am a text</span>東西線，並且當用戶點擊它時，它變爲可編輯的（例如，<input type="text">），直到元素失去焦點爲止，此時它應該用新值翻轉回原始的<span editable>...</span>。此外，這可能不是靜態文本，而是綁定到模型。

我在想這應該可以通過指令來實現，但是我已經碰到了一條路線，就如何實現這樣的指令一樣。

app.directive('editable', function() { 
    return function(scope, element, attrs) { 
     element.bind('click', function() { 
      // something. 
     }); 
    } 
})

任何人都可以提供指導或解決方案嗎？

由於提前，
- 曼尼

來源

2014-02-20 Manny

這可能有助於http://chandermani.blogspot.in/ 2012/12/angularjs-and-inplace-edit.html – Chandermani

你是一位紳士和學者，Chandermani。這似乎涵蓋了我正在尋找的東西。如果你在下面添加它作爲答案，我可以將其標記爲解決方案，所以你可以獲得信譽，名譽和榮耀:) – Manny

我怎麼做，這是創建一個可應用於任何HTML元素的指令。它隱藏了標準元素，並在您點擊時顯示一個文本字段。然後，當您離開現場時，它會將其更改回原有元素。

更多細節here

這裏就是伴侶小提琴

http://jsfiddle.net/cmyworld/6gMXL/

您可以使用它像

<h1> 
     <editable model="heading" on-delete="" defaultval="Default val"> 
    </h1>

來源

2014-02-20 13:48:59 Chandermani

在AngularJS綁定視圖之間進行動態切換

回答

相關問題