You will have to do this in HTML Dashboard since Angular Controller does not seem to work in Simple XML dashboard. (Refer to documented steps with output: https://wiki.splunk.com/User_talk:Niketnilay#Topic_4:_Using_Angular_JS_in_Splunk_HTML_dashboard)
Step 1:
Create HTML panel in Splunk Simple XML dashboard (note it will not work right away):
<row>
<panel>
<html>
<!-- ng-controller will work only in HTML Dashboard-->
<div ng-app="myApp" ng-controller="myCtrl">
<h1 ng-repeat="x in records">{{x}}</h1>
</div>
</html>
</panel>
</row>
Step 2:
Create a script for Angular code say angular_dashboard_names.js:
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.records = [
"Dashboard1",
"Dashboard2",
"Dashboard3",
"Dashboard4"
]
});
Step 3:
Get local copy of angular.min.js and save to your appserver/static folder(you might have to create one if it does not exist).
Depending on your Splunk App name, path may be something like the following:
$SPLUNK_HOME/etc/app/<YourAppName>/appserver/static
Add JS script files to root node of your dashboard (depending on whether the view is dashboard or form)
<dashboard script="angular.min.js,angular_dashboard_names.js">
Step 4:
Convert the dashboard from Simple XML to HTML using Convert to HTML option
PS: If it does not work you might have to bump Splunk and try ( i.e. restart Splunk and refresh browser history and check.)
