compile textbox using angularjs directive - angularjs

Question

I want to compile textbox using directive in angularjs.
like custom textbox. can anyone help me?
when i am trying to complie line 1 textbox with tow argument it is problem.
Thanks in advance.
see on line no 1 -----------
it is tutorialspoint example i change some content in that.
<div ng-app="mainApp" ng-controller="StudentController">
<student name="Mahesh"></student><br/>
<student name="Piyush"></student>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script>
var mainApp = angular.module("mainApp", []);
mainApp.directive('student', function() {
var directive = {};
directive.restrict = 'E';
directive.template = "Student: <b>{{student.name}}</b> , Roll No: <b>{{student.rollno}} </b> <br/> <input name='{{student.mytype}}' type='{{student.mytype}}'> ";
directive.scope = {
student : "=name"
}
directive.compile = function(element, attributes) {
// element.css("border", "1px solid #cccccc");
var linkFunction = function($scope, element, attributes) {
element.html("Student: <b>"+$scope.student.name +"</b> , Roll No: <b>"+$scope.student.rollno+"</b><br/>" +
"<b> <input type='"+$scope.student.mytype+"' name='+$scope.student.mytype+' > "); -----line 1
//element.css("background-color", "#ff00ff");
}
return linkFunction;
}
return directive;
});
mainApp.controller('StudentController', function($scope) {
$scope.Mahesh = {};
$scope.Mahesh.name = "Mahesh Parashar";
$scope.Mahesh.rollno = 1;
$scope.Mahesh.mytype = "email";
$scope.Piyush = {};
$scope.Piyush.name = "Piyush Parashar";
$scope.Piyush.rollno = 2;
$scope.Piyush.mytype = "password";
});
</script>

Answer 1

I just updated the code like below. The issue was with the b tag, you didn't close it also you forgot to add double quotation in the name attribute.
var linkFunction = function($scope, element, attributes) {
element.html("Student: <b>"+$scope.student.name +"</b> , Roll No: <b>"+$scope.student.rollno+"</b><br/>" +
"<b> <input type='"+$scope.student.mytype+"' name='"+$scope.student.mytype+"' /></b> ");
}