Fix #380

Author: baoti

dist/scripts/api-console.js

@@ -126,11 +126,14 @@
       restrict: 'E',
       templateUrl: 'directives/documentation.tpl.html',
       controller: ['$scope', function($scope) {
-        var defaultSchemaKey = Object.keys($scope.securitySchemes).sort()[0];
-        var defaultSchema    = $scope.securitySchemes[defaultSchemaKey];
-
         $scope.markedOptions = RAML.Settings.marked;
-        $scope.documentationSchemeSelected = defaultSchema;
+
+        $scope.$watch('securitySchemes', function() {
+          var defaultSchemaKey = Object.keys($scope.securitySchemes).sort()[0];
+          var defaultSchema    = $scope.securitySchemes[defaultSchemaKey];
+
+          $scope.documentationSchemeSelected = defaultSchema;
+        });
 
         function mergeResponseCodes(methodCodes, schemas) {
           var extractSchema = function (key) { return schemas.hasOwnProperty(key) ? schemas[key] : undefined; };
@@ -169,8 +172,10 @@
             });
           }
         }
-        $scope.fullResponses = mergeResponseCodes($scope.methodInfo.responses || {}, $scope.methodInfo.securitySchemes());
-        $scope.fullResponseCodes = Object.keys($scope.fullResponses);
+        $scope.$watch('methodInfo', function () {
+          $scope.fullResponses = mergeResponseCodes($scope.methodInfo.responses || {}, $scope.methodInfo.securitySchemes());
+          $scope.fullResponseCodes = Object.keys($scope.fullResponses);
+        });
 
         $scope.isSchemeSelected = function isSchemeSelected(scheme) {
           return scheme.id === $scope.documentationSchemeSelected.id;
@@ -393,17 +398,16 @@
       },
       controller: ['$scope', function($scope) {
         $scope.getBeatifiedExample = $scope.getBeatifiedExampleRef();
-        $scope.examples = transformExample($scope.exampleContainer);
-        $scope.currentExample = 0;
-
-        $scope.isXML = $scope.exampleContainer.name === 'application/xml';
 
         $scope.changeExample = function(example) {
           $scope.currentExample = example;
         };
 
         $scope.$watch('exampleContainer', function (value) {
           $scope.examples = transformExample(value);
+          $scope.currentExample = 0;
+
+          $scope.isXML = value.name === 'application/xml';
         });
       }]
     };
@@ -2630,9 +2634,11 @@
         type: '='
       },
       controller: ['$scope', function ($scope) {
-        $scope.properties = {
-          body: [$scope.type]
-        };
+        $scope.$watch('type', function () {
+          $scope.properties = {
+            body: [$scope.type]
+          };
+        });
       }]
     };
   };

src/app/directives/documentation.js

@@ -6,11 +6,14 @@
       restrict: 'E',
       templateUrl: 'directives/documentation.tpl.html',
       controller: ['$scope', function($scope) {
-        var defaultSchemaKey = Object.keys($scope.securitySchemes).sort()[0];
-        var defaultSchema    = $scope.securitySchemes[defaultSchemaKey];
-
         $scope.markedOptions = RAML.Settings.marked;
-        $scope.documentationSchemeSelected = defaultSchema;
+
+        $scope.$watch('securitySchemes', function() {
+          var defaultSchemaKey = Object.keys($scope.securitySchemes).sort()[0];
+          var defaultSchema    = $scope.securitySchemes[defaultSchemaKey];
+
+          $scope.documentationSchemeSelected = defaultSchema;
+        });
 
         function mergeResponseCodes(methodCodes, schemas) {
           var extractSchema = function (key) { return schemas.hasOwnProperty(key) ? schemas[key] : undefined; };
@@ -49,8 +52,10 @@
             });
           }
         }
-        $scope.fullResponses = mergeResponseCodes($scope.methodInfo.responses || {}, $scope.methodInfo.securitySchemes());
-        $scope.fullResponseCodes = Object.keys($scope.fullResponses);
+        $scope.$watch('methodInfo', function () {
+          $scope.fullResponses = mergeResponseCodes($scope.methodInfo.responses || {}, $scope.methodInfo.securitySchemes());
+          $scope.fullResponseCodes = Object.keys($scope.fullResponses);
+        });
 
         $scope.isSchemeSelected = function isSchemeSelected(scheme) {
           return scheme.id === $scope.documentationSchemeSelected.id;

src/app/directives/examples.js

@@ -11,17 +11,16 @@
       },
       controller: ['$scope', function($scope) {
         $scope.getBeatifiedExample = $scope.getBeatifiedExampleRef();
-        $scope.examples = transformExample($scope.exampleContainer);
-        $scope.currentExample = 0;
-
-        $scope.isXML = $scope.exampleContainer.name === 'application/xml';
 
         $scope.changeExample = function(example) {
           $scope.currentExample = example;
         };
 
         $scope.$watch('exampleContainer', function (value) {
           $scope.examples = transformExample(value);
+          $scope.currentExample = 0;
+
+          $scope.isXML = value.name === 'application/xml';
         });
       }]
     };

src/app/directives/type-properties.js

@@ -10,9 +10,11 @@
         type: '='
       },
       controller: ['$scope', function ($scope) {
-        $scope.properties = {
-          body: [$scope.type]
-        };
+        $scope.$watch('type', function () {
+          $scope.properties = {
+            body: [$scope.type]
+          };
+        });
       }]
     };
   };