angularjs ui elements

Personal original, reproduced please specify the source: http://blog.csdn.net/supluo/article/details/Understand the two concepts first1, Ui:user interface abbreviation, the user interface meaning. You can not properly understand the things that we can see and manipulate, what is called the UI in Android, and can be easily understood as elements such as view and its subclasses. This is not the right concept,

Original address: http://www.cnblogs.com/pilixiami/p/5597634.htmlUi-bootstrap is a set of UI controls implemented by the ANGULARJS team on a bootstrap basis, using ANGULARJS, including tab pages, accordion, drop-down menus, modal windows, date selection, and so on. These native controls are written in jquery in Bootstrap, and

-template"ID= "alert.html"> Div class="Alert"style="background-color: #fa39c3; color:white"role="Alert"> Div ng-transclude>/div> /div> Script>Head>Body> DivNg-controller= "Alertdemoctrl"> Uib-alertng-repeat= "Alert in alerts"type= "{{alert.type}}"Close= "Closealert ($index)">{{alert.msg}}Uib-alert> Buttontype= "button"class= ' btnBtn-default ' Ng-click= "Addalert ()">ADD AlertButton> HR/> Uib-alertTemplate-url= "alert.html">A warning box

+ Script> - Scripttype= "Text/ng-template"ID= "alert.html"> the Div class="Alert"style="background-color: #fa39c3; color:white"role="Alert"> * Div ng-transclude>/div> $ /div>Panax Notoginseng Script> - the Head> + Body> A DivNg-controller= "Alertdemoctrl"> the Uib-alertng-repeat= "Alert in alerts"type= "{{alert.type}}"Close= "Closealert ($index)">{{alert.msg}}Uib-alert> + Buttontype= "button"class= ' btnBtn-default ' Ng-click= "Addal

-collapse= "isCollapsed"collapsed= "coled ()"collapsing= "coling ()"expanded= "exped ()"Expanding= "exping ()"> Divclass= "well well-lg">Some ContentDiv> Div> Div> Body> HTML>The properties that a collapsed control can use Are:(1) Uib-collapse. The default is FALSE. indicates whether the control is closed(2) Collapsed. The function that is called after the component is Closed.(3) Collapsing. the function called before the component is closed. if a rejected promise is retu

No-transition False When set to False, a scrolling animation is turned on No-wrap False When set to False, the picture loops through the Template-url Uib/template/carousel/carousel.html The default template The properties that the Uib-slide directive can use are: Property name Default value Note Actual Sets an object that will be bound to the scope of the scroll page

adding elements and deleting elements dynamically// dynamically compiling HTML via $compile var html= "; var template = angular.element (HTML); var mobiledialogelement = $compile (template) ($scope); Angular.element ("#" +id). Append ( Mobiledialogelement);// Remove removes the created element var function () {if (mobiledialogelement) { mobiledialogelement.remove ();}