Clear input for <ma-point-list>
-
Hello,
Can we add a Clear input option to a <ma-point-list>? I have a chart with 4 selectable points and I use below code to select points:<md-input-container flex="50"> <label>Select Points 2</label> <ma-point-list query="{deviceName: designer.parameters.dn}" limit="100" ng-model="myPoint2"> </ma-point-list> </md-input-container>
Sometimes, I don't need to show value from all 4 points, sometimes 2 are enough, then how can I put a clear input option in <ma-point-list>?
-
@tungthanh500 There is no option to display a clear button, you could add your own alongside if you would like.
<md-button ng-click="myPoint2 = null">X</md-button>
Alternatively you could look at using a multiple select data point selector -
<div class="ma-designer-root" id="8e0602f0-dfea-4dc7-8a11-27721b95d175" style="width: 1366px; height: 768px; position: relative;"> <md-input-container id="8e0602f0-dfea-4dc7-8a11-27721b95d176" style="width: 470px; height: 60px; top: 50px; left: 60px; position: absolute;" ng-init="model.dataPoints = []"> <ma-drop-down-button> <span>Select some points ({{model.dataPoints.length}} selected)</span> <ma-drop-down create-on-init="::false" class="ma-slide-down"> <ma-data-point-selector select-multiple="::true" ng-model="model.dataPoints" show-clear="::true"> </ma-data-point-selector> </ma-drop-down> </ma-drop-down-button> </md-input-container> </div>
-