If it is being loaded correctly you will see it on the sources tab of Chrome's dev tools (under /rest/v2/file-stores/public/userModule.js for example).

You should also see the network request being issued on the network tab when you click the button.

Something like this:

<ma-data-source-list ng-model="myDataSource" auto-init="false" query="{name: 'meta'}" sort="['-name']" start="3"
limit="6" show-clear="true"></ma-data-source-list>

<ma-button label="Toggle Enable/Disable" ng-click="myDataSource.enable()"></ma-button>

I don't see any binding here allowing us to set the datasource to be either enabled or disabled. Just toggled between the two states. Can always change that by making a directive though.

EDIT: Oops forgot the closing </ma-button>!

Here's a user module with the backported feature that you can use -

define(['angular', 'require'], function(angular, require) {
    'use strict';

    const userModule = angular.module('userModule', ['maUiApp']);

    userModule.decorator('maDataSource', ['$delegate', '$http', function(DataSource, $http) {
        
        Object.assign(DataSource.prototype, {
            enable(enabled = true, restart = false) {
                this.$enableToggling = true;
                
                const url = '/rest/v1/data-sources/enable-disable/' + encodeURIComponent(this.xid);
                return $http({
                    url,
                    method: 'PUT',
                    params: {
                        enabled: !!enabled,
                        restart
                    }
                }).then(() => {
                    this.enabled = enabled;
                }).finally(() => {
                    delete this.$enableToggling;
                });
            }
        });
        
        return DataSource;
    }]);
    
    return userModule;
}); // define

I'd recommend removing this when you upgrade to 3.6.x

Depending on the version it might not work. I have one instance here which is not beta and it issues out rejection to the POST made by $save().

I think IAS staff might comment on this subject more.

Thomas

i.e using Jared's last example

<ma-data-source-query data-sources="dataSourcesArray" query="{name: 'meter'}" limit="1"></ma-data-source-query>

<!-- Assuming first datasource in the query is desired datasource -->
<md-button id="dc9944e5-bd98-48ff-aa2c-c99db8416012" class="md-raised md-primary" style="position: absolute; left: 170px; top: 208px;" ng-click="dataSourcesArray[0].enabled = true" ng-disabled="dataSourcesArray[0].enabled">
        <span>Enable</span>
    </md-button>
    <md-button id="cdba29de-31a5-473d-bf07-025effa6b55b" class="md-raised md-warn" style="position: absolute; left: 274px; top: 208px;" ng-click="dataSourcesArray[0].enabled = false" ng-disabled="!dataSourcesArray[0].enabled">
        <span>Disable</span>
    </md-button>

    <md-button id="276622a1-9238-4e0d-891e-589adb856b9f" class="md-raised" style="position: absolute; left: 378px; top: 208px;" ng-click="dataSourcesArray[0].enabled = !dataSourcesArray[0].enabled">
        <span>Toggle</span>
    </md-button>

    <md-button id="cdba29de-31a5-473d-bf07-025effa6b55b" class="md-raised md-warn" style="position: absolute; left: 274px; top: 208px;" ng-click="dataSourcesArray[0].$save()" >
        <span>Save</span>
    </md-button>

Here's an example

<div class="ma-designer-root" id="379e6c43-3a47-4ea8-8d92-b999b6b25179" style="width: 1366px; height: 768px; position: relative;">
    <ma-get-point-value point-xid="voltage" point="myPoint"></ma-get-point-value>
    <ma-point-value id="62b0861d-53ef-4bab-ae69-825f60e3042c" enable-popup="hide" style="position: absolute; left: 210px; top: 100px;" point="myPoint"></ma-point-value>
    <md-button id="dc9944e5-bd98-48ff-aa2c-c99db8416012" class="md-raised md-primary" style="position: absolute; left: 170px; top: 208px;" ng-click="myPoint.enable()" ng-disabled="myPoint.enabled">
        <span>Enable</span>
    </md-button>
    <md-button id="cdba29de-31a5-473d-bf07-025effa6b55b" class="md-raised md-warn" style="position: absolute; left: 274px; top: 208px;" ng-click="myPoint.enable(false)" ng-disabled="!myPoint.enabled">
        <span>Disable</span>
    </md-button>
    <md-button id="276622a1-9238-4e0d-891e-589adb856b9f" class="md-raised" style="position: absolute; left: 378px; top: 208px;" ng-click="myPoint.enable(!myPoint.enabled)">
        <span>Toggle</span>
    </md-button>
</div>