code: function() {
        if (this.$visible) {
          return;
        }
  
        this.$visible = true;
  
        var pc = editablePromiseCollection();
  
        //own show
        pc.when(this.$onshow());
  
        //clear errors
        this.$setError(null, '');
  
        //children show
        angular.forEach(this.$editables, function(editable) {
          pc.when(editable.show());
        });
  
        //wait promises and activate
        pc.then({
          onWait: angular.bind(this, this.$setWaiting), 
          onTrue: angular.bind(this, this.$activate), 
          onFalse: angular.bind(this, this.$activate), 
          onString: angular.bind(this, this.$activate)
        });
  
        // add to internal list of shown forms
        // setTimeout needed to prevent closing right after opening (e.g. when trigger by button)
        setTimeout(angular.bind(this, function() {
          // clear `clicked` to get ready for clicks on visible form
          this._clicked = false;
          if(editableUtils.indexOf(shown, this) === -1) {
            shown.push(this);
          }
        }), 0);      
      }
docs: Shows form with editable controls.
  
  @method $show()
  @memberOf editable-form