I am facing an issue with my AngularJS application where the directive I created within the 'FormTest' module is not recognizing the variable 'app' even though it is defined within the same module. The error message I receive is TS2304 "Cannot find name 'app'.
Directive
module FormTest {
app.directive('jiText', function () {
return {
restrict: 'E',
transclude: true,
scope: { name: '@' },
templateUrl: 'FormText/views/ji-Text.html'
}
});
}
Main Module
module FormTest {
"use strict";
//Create the formTest module
var app = angular.module('FormTest', ['dx'])
app.config(confirm);
}
Lazy Loading
.state('FormTest', <ng.ui.IState> {
url: '/formTest',
templateUrl: 'FormTest/FormTest.html',
loadCtl: ['$ocLazyLoad', function ($ocLazyLoad) {
return $ocLazyLoad.load('js/FormTest.js');
}]
})