feat(dialog): support using AngularJS 1.5+ components directly

[knvpk]

Actual behavior:

• What is the issue? *
  $mdDialog service is not working with angular 1.5 components.

      $mdDialog.show({
                    template: "<task-show  task="task"></task-show>",
                    autoWrap: false,
                    parent: angular.element(document.body),
                    targetEvent: ev,
                    openFrom: {
                        left: 2500,
                        top: 0,
                        width: 50,
                        height: 500
                    },
                    locals:{
                        task:task
                    },
                    closeTo: {
                        left: 2500,
                        top: 0,
                        width: 50,
                        height: 500
                    },
                    resolve: {
                        module: ['$q', function ($q) {

                            $ocLazyLoad.load({
                                name: module.name
                            });
                        }]
                    }
                }).then(function (message) {

                }, function (cancelmessage) {
                    //console.log(cancelmessage);
                });

May the problem with template, it is not accepting the task as input. which is binding for taskShow component

• What is the expected behavior?
  It should open an dialog with given component template

CodePen or Steps to reproduce the issue: *

• CodePen Demo which shows your issue :
• Details:

Angular Versions: *

• Angular Version: 1.5.5
• Angular Material Version: 1.0.6

Additional Information:

• Browser Type: chrome
• Browser Version: 50
• OS: ubuntu
• Stack Traces: it clear that task in the input template not coming to controller.

---

Do not modify the titles or questions. Simply add your responses to the ends of the questions.
Add more lines if needed.

[devversion]

Everything works for me perfectly.

• http://codepen.io/DevVersion/pen/wGOPgz?editors=1010

Please modify the codepen to represent your issue.

I guess, your dialog is not opening, because you set autoWrap to false.

[knvpk]

Hi @devversion , From your demo code i understand that i want to pass the scope:$scope without that it throws some error. but when im trying to send oinly one scope object rather than full $scope it is throwing the error scope.$new is not a function

scope:{
   textInput:$scope.textInput
}

[devversion]

@pavankumarkatakam That's true. It seems like our compiler does not support this concept.

I can see the relevance and think it would be a good enhancement for the $$interimElement factory.